객체에 fade 효과 주기 (CSS)

· 4년 전 · 4159 · 8

2041240632_1623727877.637.gif

필요하신분있을것같아서 만들어놨어요

원하는 선택자에

class 값을 추가해주시면 됩니다.

[code]

<div class="fade_in">페이드인</div>

<div class="fade_in_up">페이드인업</div>

<div class="fade_in_down">페이드인다운</div>

<div class="fade_in_right">페이드인라이트</div>

<div class="fade_in_left">페이드인업레프트</div>

[/code]

시간설정은

CSS에서 2s 3s 이렇게 늘리셔도 되구요

스크롤 지점 작동은 waypoint js 이용하시면 편할 것 같아요

첨부파일

fade.css (4.9 KB) 85회 2021-06-15 13:34
|

댓글 8개

감사합니다
유용하네요 감사합니다.
감사합니다
감사합니다
필요했던 건데 감사합니다. 지우지말아주세요..ㅠㅠㅎㅎ
감사합니다
댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 팁자료실

+
제목 글쓴이 날짜 조회
4년 전 조회 4,699
4년 전 조회 4,915
4년 전 조회 5,866
4년 전 조회 4,985
4년 전 조회 3,785
4년 전 조회 7,450
4년 전 조회 5,597
4년 전 조회 2,829
4년 전 조회 5,054
4년 전 조회 3,385
4년 전 조회 4,215
4년 전 조회 3,923
4년 전 조회 5,213
4년 전 조회 4,090
4년 전 조회 4,160
4년 전 조회 4,283
4년 전 조회 3,847
4년 전 조회 3,966
4년 전 조회 3,075
4년 전 조회 6,711
4년 전 조회 3,199
4년 전 조회 4,893
4년 전 조회 3,541
4년 전 조회 3,524
4년 전 조회 4,110
4년 전 조회 3,369
4년 전 조회 3,125
4년 전 조회 3,682
4년 전 조회 5,855
4년 전 조회 3,052