본문 바로가기

SCSS 실습1

[CSS] SCSS 실습01 : 움직이는 강아지 일러스트 🐶 SCSS 실습01 : 🐶 움직이는 강아지 🐶 이번 시간에는 css 종류 중 하나인 지난 시간에 배웠던 SCSS언어를 이용하여 간단한 실습을 해봅시다! 🐶 HTML 🐶 ! point! 부모자식형제 요소에 맞게 코드를 정렬해주는 것이 중요합니다! 코드를 짤 땐 항상 코드 정렬을 잊지 마세요! 🐶 SCSS 🐶 SCSS를 이용하여 스타일 속성을 정해줍니다. $dog-width: 100px; $interval: 200ms; $color-gray: #eaebec; $easing: ease-in-out; body { display: flex; flex-direction: column; justify-content: center; align-items: center; } html, body { background: o.. 2022. 8. 19.

이전 1 다음

728x90

Lucky Charms Rainbow

JAVASCRIPT

html

HTML

css

CSS

티스토리툴바