Web/HTML_CSS25 [CSS] transform DOCTYPE html> Document /* transform : 회전, 크기 조절, 기울이기, 이동효과 등 요소를 변형 => translate : 요소의 위치를 이동 => scale : 요소의 크기를 확대/축소 => rotate : 요소를 회전 => skew : 요소를 기울임 */ .box { width: 100px; height: 100px; background-color: coral; /* transform: translate(30px, 20px); */ /* transform: scale(1.5); */ /* transform: rotateZ(45deg); */ transform: skew(5deg, 15deg); } 2023. 3. 30. [CSS] transition DOCTYPE html> Document /* transition : 요소에 적용되는 속성값이 변할 때 일정 시간에 걸쳐 일어나도록 하는 것 => transition-duration : 몇 초동안 재생할지 => transition-delay : 몇 초 후에 재생할지 => transition-property : 어떤 속성을 변형할지 */ .box { width: 100px; height: 100px; background-color: sandybrown; /* transition-duration: 2s; */ /* transition-delay: 1s; */ transition-property: background-color; /* 요소에 직접 적용 : 마우스 올릴 때, 내릴 때 모두 적용 */ } .box.. 2023. 3. 30. [CSS] 애니메이션 DOCTYPE html> Document .box { width: 100px; height: 100px; background-color: cornflowerblue; /* 이름을 지정 */ animation-name: boxAni; /* 지속 시간 */ animation-duration: 1s; /* 반복 횟수 */ animation-iteration-count: infinite; /* 방향 설정 */ /* normal : 기본값, 방향:->-> reverse : 역방향, 방향: 천천히 끝남 ease-in : 천천히 시작 ease-out : 천천히 끝남 ease-in-out : 천천히 시작, 천천히 끝남 cubic-bezier(n, n, n, n) : 사용자 정의 */ animation-timing-fu.. 2023. 3. 30. [CSS] 포토카드 DOCTYPE html> Document .cardWrap{ /* 전체 카드들을 item으로 */ display: flex; /* item(카드) 줄바꿈 될 수 있게 */ flex-wrap: wrap; /* item 공간 배분 */ justify-content: space-around; } .iceWrap{ background-color: lavenderblush; display: flex; /* 이미지와 글씨를 세로로 배치 */ flex-direction: column; /* 텍스트 가운데 정렬(교차축 방향) */ align-items: center; /* 안쪽 여백 주기 */ padding: 20px 20px 0 20px; /* 바깥쪽 아래 여백 주기 */ margin-bottom: 50px; bor.. 2023. 3. 30. [CSS] flex box1 box2 box3 box4 box5 box6 취업연계과정 취업LIVE 프로젝트 후기모음 기관소개 문의하기 수강신청 2023. 3. 29. [CSS] float 1981년 데뷔 이래 40년이 넘는 세월 동안 할리우드를 이끌어온 스타 중 한 명이며, 현 시점 우리 시대의 할리우드를 상징하는 배우 중 한 명이다. 실로 어마어마한 필모그래피를 쌓은 현 시점에서는 살아 있는 전설 그 자체이다. 할리우드 역사상 가장 필모 구성을 잘하는, 흥행 보증수표들 중 하나이며, 자기관리도 철저하여 연기력은 물론이고, 미션 임파서블 시리즈 등 스턴트와 제작에서도 높은 성과를 보이며 아직도 현역으로 왕성한 활동을 하며 전설을 써내려가는 중이다. 전성기가 본격적으로 시작된 1980, 90년대에는 그야말로 역사에 길이 남을 꽃미남이자 미남의 아이콘 중 한 명으로 여겨졌던 인물이다. 여기에 연기력도 우수한 평가를 받고, 영화 선구안 또한 탁월하여 필모그래피와 흥행 성적, 팬층이 탄탄하기로 .. 2023. 3. 28. 이전 1 2 3 4 5 다음
