linear-gradient,../,opacity

Juyeon Lee·2022년 3월 19일
0

CSS

목록 보기
29/32

background-image: linear-gradient(90deg, red, #e67e22);

그라데이션 효과 주는 거다..
90deg 이거 써주면 왼쪽에서 오른쪽으로
안써주면 위에서 아래로 각각 색깔이 들어가면서
그라데이션 해줌 ㅎ 아니면 90deg자리에 to right 해주면
90deg랑 같은 효과

이미지 폴더가 다를때는 이렇게 경로 설정해줌

.cta-img-box {
background-image: url("../img/eating.jpg");
}

..이 parent folder로 가주라는 뜻이라고 한다.

opacity는 투명도를 결정해주는것으로
opacity: 0;하면 안보이는거같지만
투명하게 존재한다ㅎㅎ

0개의 댓글