[CSS] 그림자 효과 (box-shadow)

흠

밋밋하다

 

밍숭맹숭

민둥맨둥

 

버튼에 그림자 효과를 주고 싶다 !

---

box-shadow: 0px 0px 0px darkgray;

그림자는 box-shadow 속성과 값을 입력하면 된다.

 

box-shadow: 3px 0px 0px darkgray;

첫번째는 우측

 

box-shadow: 0px 3px 0px darkgray;

두번째는 아래

 

box-shadow: 0px 0px 10px darkgray;

세번째는 스머징

 

그 외에도 다양한 box-shadow 효과를 줄 수 있다.

 

https://developer.mozilla.org/ko/docs/Web/CSS/box-shadow

box-shadow - CSS: Cascading Style Sheets | MDN

 

원래 이것저것 효과를 주고 싶었는데

 

여윽시

Simple is the best ... 🌟

 

그냥 스머징 효과만 주기로 하였다.

 

.contact_button{
    float: left;
    text-align: center;
    letter-spacing: 5px;
    padding: 7px;
    margin-top: 10px;
    border: 1px solid gray;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0px 0px 7px darkgray;
}

이게 간지지