어제 오늘 내일

div에 대각선 그리기 (linear-gradient) 먼저, linear-gradient에 대한 자세한 설명은 지난 포스팅을 참고하세요.2025.02.24 - [IT/CSS] - [CSS] linear-gradient 속성 예제, 배경색 그라데이션 효과 [CSS] linear-gradient 속성 예제, 배경색 그라데이션 효과linear-gradientlinear-gradient는 CSS에서 배경에 색깔이 점점 변하는 효과를 줄 때 사용하는 방법입니다.예를 들어, 빨간색에서 파란색으로 부드럽게 바뀌는 배경을 만들고 싶다면 linear-gradient를 사용합hianna.tistory.com  대각선 그리기 예제.diagonal-line { width: 300px; height: 300px; bor..

linear-gradientlinear-gradient는 CSS에서 배경에 색깔이 점점 변하는 효과를 줄 때 사용하는 방법입니다.예를 들어, 빨간색에서 파란색으로 부드럽게 바뀌는 배경을 만들고 싶다면 linear-gradient를 사용합니다.색깔이 선처럼 쭉 이어지면서 자연스럽게 섞여 보이는 효과를 줄 수 있습니다. 0. 기본 문법background: linear-gradient(방향, 색상1, 색상2, ...); 방향: 색상이 이동하는 방향(각도 또는 위치)색상1, 색상2, ...: 그라디언트에 사용할 색상 (최소 2개 이상)  1. 방향 설정1) 각도 사용.my-class { width: 200px; height: 200px; background: linear-gradient(45deg, red..