CSS3 상자 그림자 속성

CSS3 box-shadow속성은 그림자를 요소에 적용합니다.

가장 간단한 사용법은 수평 그림자와 수직 그림자 만 지정하는 것입니다

div {

    box-shadow: 10px 10px;

}

<!DOCTYPE html>

<html>

<head>

<style> 

div {

    width: 300px;

    height: 100px;

    padding: 15px;

    background-color: yellow;

    box-shadow: 10px 10px;

}

</style>

</head>

<body>

<div>This is a div element with a box-shadow</div>

</body>

</html>