잡동사니에도 사랑을

[21.09.23]exam02(07_cssShadowCursor) - 본문

JAVA_EE/CSS

[21.09.23]exam02(07_cssShadowCursor) -

luvforjunk 2021. 9. 23. 22:13
728x90
반응형

<style>

div{

width: 150px;

height: 70px;

padding: 10px;

border: 10px solid gold;

background-image: url(“../img/img1.png”);

background-size: 200px 100px;

background-repeat: no-repeat;

}

.redBox{

box-shadow: 10px 10px red;

}

.blurBox{

box-shadow: 10px 10px 5px skyblue;

}

.multiEffect{

box-shadow: 2px 2px 2px black,

0 0 25px blue,

0 0 5px darkblue;

}

</style>

 

<body>

<h3>박스 그림자 만들기</h3>

<hr>

<div class=”redBox”>튜브와 함게</div>

<div class=”blurBox”>튜브와 함게</div>

<div class=”multiEffect”>튜브와 함게</div>

</body>

 

728x90
반응형

'JAVA_EE > CSS' 카테고리의 다른 글

[21.09.23]exam01(08_cssDynamic) - 일정시간 반복하여 모양이 바뀌는 애니메이션(@keyframes from ~ to)  (0) 2021.09.23
[21.09.23]exam03(07_cssShadowCursor) -  (0) 2021.09.23
[21.09.23]exam01(07_cssShadowCursor) -  (1) 2021.09.23
[21.09.23]exam03(06_cssDecorate) -  (0) 2021.09.23
[21.09.23]exam02(06_cssDecorate) -  (0) 2021.09.23
'JAVA_EE/CSS' Related Articles more