Seonglae ChoExample
Creating an interactive spotlight border with CSS and React
How to create an interactive spotlight border with CSS and React?
https://www.julienthibeaut.xyz/blog/create-spotlight-border-with-react-css
border is margin box shadow is padding
[publishing] css inner border 만들기
기본 css로 border값을 넣을 경우 outline으로 잡힌다. 인라인 스타일의 보더 값을 넣고 싶을 경우 box-shadow 스타일을 사용하면된다. css div { width: 150px; height: 50px; background-color: green; box-shadow: 0 0 0 3px #000 inset; } view 예시처럼 border 굵기는 네번째 수치로 정하면 된다. box-shadow의 inset이 결정적 스타일이다.
![[publishing] css inner border 만들기](https://www.notion.so/image/https%3A%2F%2Ftistory3.daumcdn.net%2Ftistory%2F2836819%2Fe38ef204af5442baad5b5efcb9cff753?table=block&id=443b636e-1d68-4a30-bdf5-37b1ef58c308&cache=v2)
https://jintrue.tistory.com/entry/publishing-css-inner-border-%EB%A7%8C%EB%93%A4%EA%B8%B0
![[publishing] css inner border 만들기](https://www.notion.so/image/https%3A%2F%2Ft1.daumcdn.net%2Ftistory_admin%2Fstatic%2Fimages%2FopenGraph%2Fopengraph.png?table=block&id=443b636e-1d68-4a30-bdf5-37b1ef58c308&cache=v2)
Fantastic CSS border animation
Today I visited the blog site - shoptalkshow, and it was very interesting to see such a style: I think its style is unique, especially some of the bezels. So, in this article we will use CSS to create a variety of wonderful border effects.
https://dev.to/chokcoco/fantastic-css-border-animation-5166?utm_source=tldrnewsletter
