카테고리 (35) 썸네일형 리스트형 [KDT 포스코x코딩온 10] 웹 풀스택 과정 회고록 (4) | CSS KDT 포스코X코딩온 웹 풀스택 과정 10기 드디어 CSS 마지막 시간! 스타뚜 - CSSanimation 2023-10.30 📚 CSS animation 📌 전환 (Transform) [rotate, sacle, skew, trasnlate] transform: 변환함수 1 변환함수 2 변환함수 3...; transform: 원근법 이동 크기 회전 기울임 📌 2D 변환 함수 rotate(degree) 회전(각도) rotateX(x축) rotateY(y축) scale(x, y) 크기(x축, y축) skew(x, y) 기울임(x축, y축) skewX(x) 기울임(x축) skewY(y) 기울임 (y축) translate(x, y) 이동 (x축, y축) translateX(x) 이동(x축) translateY.. HTML, CSS 사용하여 UICARD 만들기 📌 HTML CSS 사용해서 UI CARD 만들기 DOCTYPE html> CardUI T E A V E L Mountains Lorem, ipsum dolor sit amet consectetur adipisicing elit. Laudantium, eos deleniti. Praesentium officia reiciendis eius, provident ratione Read more TEAVEL City Lorem, ipsum dolor sit amet consectetur adipisicing elit. Laudantium, eos deleniti. Praesentium officia reiciendis eius, provident ratione Read more TEAVEL Coast Lore.. HTML, CSS 사용하여 프로필 만들기(3) 3번째 프로필 카드 만들기 오늘도 핀터레스트에서 이미지를 찾아서 비슷하게 만들기 시작 당일에 배운 걸 까먹지않기위해 되도록이면 배운걸 사용할 수 있는 이미지를 선택했다. [background, opacity, display:flex 등] HTML코드 DOCTYPE html> profile_card2 Dear JJangu Web Developer CSS코드 * { margin: 0px; padding: 0; box-sizing: border-box; } body { } .main-box { background-image: url(./석양\ 일러스트\ ai\ 무료다운로드\ free\ sunset\ image\ download\ -\ \ Urbanbrush.jfif); height: 100vh; /* 전체 덮.. 이전 1 2 3 4 5 6 7 8 ··· 12 다음
