본문 바로가기
웹코딩 배우기/· CSS

굵어지고 색이 변하는 border

by 닐기 2021. 11. 2.

See the Pen 굵어지는 테두리 by nilgi (@nilgi) on CodePen.

 

html▸border: 1px solid #333;

 

.bbox { animation: bbox 5s infinite; } // bbox에 애니메이션, 5초, 반복
@keyframes bbox { 50% { border: 30px solid tomato; border-radius: 50px; } } // 테두리 굵기를 30으로, 토마토색으로, 테구리 둥굴기는 50으로