이것저것 만들어보는 프로젝트
#CSS #HTML
- 핵심은 카드의 블러처리와 카드위에 광택처럼주기위해 border-top 을 주는것!
- css 만으로 동적인 페이지를 시도할수있다는 점이 크게 와닿았음
- 남의 코드를 살펴본 결과 상당히 깔끔한 코드로 진행이되서 이를 보고 많이 배웠다.
- CSS 스타일을 태그 요소기준으로 계층적으로 쌓아가는것
- CSS를 깔끔하게 함으로서 HTML에도 간단한 코드로 이루어지게 됨
참조: https://www.youtube.com/watch?v=Glsby66vuLA&t=30s
#CSS #HTML
- 공부 심히 필요!!
- webkit
- animation
- keyframes
참조: https://www.youtube.com/watch?v=3wRBJESwarQ&ab_channel=OnlineTutorials
-
transform
: 요소의 자식 요소가 입체적인 3D 공간에 배치 될지, 요소의 표면에 평평하게 묘사할 지를 결정합니다. -
애니메이션
-
벽면
어렵다... 공간감각이 살짝 필요한 기술
참조: https://www.youtube.com/watch?v=nOdDtnHWaDo-
-
:checked
: 요소를 체크했거나 선택한경우 활성화된다. -
~
: 선택자인데, 태그옆에 이어지는 태그들을 전부 적용하는거다.- 배우기만 했지 이런식으로 쓰이는건 처음본다. ㅇㅇ
-
box-shadow
: 그리고 이 그림자로 눈을 두개로 만드는데, 잡기술인지 뭔지 모르겟다.. 뭐지.. 이래도 되나
그저 체크박스 CSS로 구현할려고 했는데 의외로 엄청쉬웠고 예상대로 코딩했음
근데 얼굴도 CSS로 만들줄이야;;; 그러면서 들었던 생각이
저게 그림보다 효율이 있나? 라고 생각이 들었다. 예를들어 인포그래픽 ㅇㅇ
참조: https://www.youtube.com/watch?v=Lc1Neq59c-A&t=20s