
CSS
box-shadow로 border 만들기
#after vs box-shadow box-shadow로 그림자만 만들 줄 알았지 border를 만들다니? 라고 생각 하실 수 있지만 이게 엄청 유용했다. Why? 이 코드를 보면 바로 납득이 된다. See the Pen after vs box-shadow by dev_Sunny (@sunny_dev) on CodePen. 이렇게 글자 밑에 형관펜 같은 효과를 넣는 디자인을 본적이 있지 않은가? 예전에 ie가 있을때 after로 효과를 많이 넣어서 습관처럼 넣고 있다가 box-shadow 로 아주 쉽게 할 수 있는 것을 알아서 써먹기 시작했다. 파폭, 오페라, 크롬, 브레이브, 엣지 등등에서 아주 잘먹는다. 한줄이면 끝나는 코드를 그동안 여러줄을 써댔는대 정말 편하다. 그렇다면 inset이 뭘까? #i..