안녕하세요...
border 그라데이션!!!!!!!!
아니 사실 검색해보면 많이 나오는데...
저는 그런 고급 설정이 필요 없어서...^^
누군가 보신다면 조아요 눌러주세요 저 소통 좋아하거든요 힛 ^-^
먼저 선 하나를 그어줍니다...
border-bottom: 2px solid #ddd;
왜 bottom 이냐면 위에 이미 텍스트가 있거든요...
그리고 그라데이션을 넣어줍니다...
border-image: linear-gradient(to right, #1c739d, #8b92c900 );
border-image-slice: 1;
그라데이션을 넣을 때는...
linear-gradient (방향, 색상1, 색상2);
위 코드가 기본형이며... 비율을 조정하고 싶을 때는
linear-gradient (방향, 색상1, 색상2 50%);
이렇게 조정해주시면 됩니다... 그러면 색상1의 50% 정도에서 색상2가 시작돼요.
완성본 ❣
오늘도 한발자국!!!
그라데이션이 감각적이고 예뻐용!! 앞으로 포스팅도 기대할게요