[CSS] 마우스 오버시 밑줄이 왼쪽에서 나타나서 오른쪽으로 사라지는 효과
(메타 퀘스트프로 사이트에 적용된 링크 효과 구현하기) 밑줄 효과 CSS .item { position: relative; width: fit-content; cursor: pointer; } .item .label { position: relative; padding: 4px 0; font-weight: 700; font-size: 14pt; } .item .underline { position: absolute; transform: scaleX(0); transform-origin: bottom right; transition: transform 0.25s ease-out; border-bottom: solid 1px blue; width: 100%; height: 0; } .item:hover .u..
프로그래밍/CSS
2024. 4. 6. 18:23
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- JavaScript
- 정규식
- as3
- 프로그래밍
- eve online
- game
- php
- 보안정보
- 스크린샷
- 해킹
- flash
- 스타크래프트2
- 자바스크립트
- It
- 팁
- 액션스크립트3
- 플래시
- PCRE
- 게임
- dust 514
- 팁&정보
- 정규표현식
- 세비지2
- 보안
- 블레이드앤소울
- 정보
- Utilities
- 이브 온라인
- 유틸리티
- ActionScript3.0
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
글 보관함