Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- removeClass
- index %
- FileZilla설치
- 파일질라설치
- 파일질라설치오류
- 주석이 먹히지 않을 때
- SUB함수
- hide
- is_check
- addClass
- push오류
- Math.floor()
- 증가값
- Git
- 파일질라다운로드
- 1521
- FileZilla다운로드
- Math.round()
- calc.minus
- ctrl+/
- selectoptions
- Excel
- calc.plus
- Math.ceil()
- Parent
- slideUp
- 소스트리인증실패
- excel중복체크
- toFixed()
- selectedIndex
Archives
- Today
- Total
잡동사니에도 사랑을
[21.09.23]exam02(07_cssShadowCursor) - 본문
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 |