개발하는 루루언니

박스에 효과주기 : box - shadow 본문

컴퓨터 정보/리액트

박스에 효과주기 : box - shadow

혜닝혜루 2022. 10. 7. 16:46
728x90
반응형

💜(❁´◡`❁) 오늘공부 : box-shadow💜

 

일단 커서를 올렸을때를 우리가  :  focus라는 선택자를 이용해 할 수 있다.

예시) 
" css에서 작성 "
 input : focus {
box-shadow : 0 0 10px #blue }
순서대로 x측 0 y축 0  번짐효과 10 px 색상 blue 
이렇게 지정을 해놓으면 커서를 올린상태인 focus라는 선택자가 box shadow효과를 나타나게 해준다.

 

728x90

'컴퓨터 정보 > 리액트' 카테고리의 다른 글

[React] 서버 최적화 build 배포하기 " npx serve -s build "  (0) 2022.10.14
Math random , Math floor 랜덤 숫자주기  (0) 2022.10.07
문자열 쪼개기 split  (0) 2022.10.07
객체다루기 정리  (0) 2022.09.30
[자바스크립트] includes ('@') 라는 문자가 있어?  (0) 2022.09.30
'컴퓨터 정보/리액트' Related Articles more