html&css
box-shadow로 입체감있는 구 만들기
다양성
2021. 1. 7. 00:00
box-shadow의 값을 조절하여 입체감 있는 구를 만들어 보았습니다.
box-shadow : x값 y값 blur값 그림자두께 색상 ;
box-shadow 안에 inset 값은 내부 그림자를 셋팅하기 위함입니다.
그림자를 여러개 사용하길 원할 경우 , 쉼표를 찍고 , 값을 반복해서 사용하면 됩니다.
예시 : box-shadow : x값 y값 blur값 그림자두께 색상 , x값 y값 blur값 그림자두께 색상 , x값 y값 blur값 그림자두께 색상 ; // 3개의 그림자가 생성됨.