240418 TIL_팀 프로젝트1 (팀 소개 웹페이지 제작) > CSS (hover, opacity, animation)

[오늘의 깨달음]

CSS 와의 전쟁...
폰트를 지정하면 반은 간다.
투명도와 애니메이션 효과는 뭔가 웹페이지를 있어 보이게 한다.

:hover {
background: ;
}

.class, .class {
opacity: 0;
animation: fadeIn 1s forwards;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}

.class {
animation-delay: 0.8s;
}

뭔가 간격 이상하다 하면 마진, 패딩
console.log() 이용해서 해당 구역 제대로 확인하기

배경 이미지 예쁜 걸로 깔았으면 투명도 조절하기

background-color : rgb(255,255,255,0.1);
rgb(255,255,255,0.2);
rgb(255,255,255,0.4);
rgb(255,255,255,0.6);
rgb(255,255,255,0.8);
rgb(255,255,255,1);

오늘의 충격 깨달음! VS코드에 오류가 있으면 빨간색으로 표시된다....