반응형 전체 글23 이미지 첨부 미리보기 파일이미지 만들기 html,css, js html (구조만 가져가고 나머지는 마음대로 커스텀 가능) Reshoot css (구조만 가져가고 나머지는 마음대로 커스텀 가능) #image_container{overflow: hidden;width: 250px; height: 170px; border-radius: 8px;margin-right: 20px;background: url('images/sub/join02.jpg')no-repeat; background-size:100% 100%; position: relative;} #image_container img{ width: 100%; height: 100%; position: absolute;top: 50%;transform: translate(-50%, -50%);left: 50%;right.. 2021. 3. 4. css로만 텍스트 애니메이션 부드럽게 주기 슬라이드와함께 효과 (팁) *그냥 페이드인 효과말고 up down 여러가지 효과는 from {} 부분을 조정하여 가능합니다. ex) from {margin-top: 30px ;} to{margin-top: 0;} 1. 페이지 로딩시 (반복해서 나타내고 싶다면 animation: mymove 5s infinite; 을 추가해서 시간을 변경해주세요) h2{ opacity: 0; } h5{ opacity: 0; } h2 { animation-name: visualAnimation; animation-duration: 0.3s; animation-timing-function: ease-in-out; animation-delay: 0.3s; animation-fill-mode: forwards; } h5 { animation-name: v.. 2021. 2. 3. 반응형 헤더/메뉴 만들기 responsible header nav menu css html 1개의 마크업으로 만드는 방법 head html (만약 헤더 1뎁스가 아니라 2뎁스인경우 depth01 li 안에 depth02 ul을추가해주시면됩니다) about iaa archive oral history collection ifac css(만약 헤더 1뎁스가 아니라 2뎁스인경우 주석 풀면 됩니다) 반응형 사이즈는 알아서 조절하면 됩니다. /* header */ #A_Header {position: fixed; top: 0; left: 0; right: 0; box-sizing: border-box; width: 100%; height: 100px; z-index: 80; transition: all 0.4s;} .logo {position: absolute; top: 50%;transform: tr.. 2021. 2. 3. 들어가자마자, 페이지 로딩시 레이어팝업창 띄우기 css로만 only css html 닫기 X css 맨처음에 띄어놓고 닫기 버튼을 누르면서 사라지는 레이어 팝업 2021. 2. 2. 이전 1 2 3 4 5 6 다음 반응형