Tech News

제목CSS Tips (markodenic.com) - 다른 튜토리얼에서 잘 보지 못한 팁들 모음2021-04-28 23:39
작성자 Level 10

CSS Tips - Marko Denic - Web Developer 


다른 튜토리얼에서 잘 보지 못한 팁들 모음

- 타이핑(깜박이는 커서) 효과

- Drop-Shadow(); 필터

- scroll-behavior: smooth; 부드러운 스크롤

- 센터 정렬하기

- 이미지/이모지 커서

- Truncate Text

- -webkit-line-clamp : 특정 줄수로 텍스트 자르기

- ::selection

- resize:both; 모든걸 사이즈 조절 가능하게

- :target 으로 Modal 만들기

- calc()

- :empty 셀렉터

- 커스텀 스크롤바

- position: sticky;

- CSS 스크롤 스냅

- attr() 을 이용한 다이나믹 툴팁

- caret-color 로 커서 색상 변경

- ::in-range , ::out-of-range

- background-clip 으로 멋진 배경의 헤드라인 글자 만들기

G
M
T
Text-to-speech function is limited to 200 characters
댓글
자동등록방지
(자동등록방지 숫자를 입력해 주세요)