객체에 fade 효과 주기 (CSS)

· 4년 전 · 4065 · 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,596
4년 전 조회 4,808
4년 전 조회 5,735
4년 전 조회 4,870
4년 전 조회 3,694
4년 전 조회 7,316
4년 전 조회 5,485
4년 전 조회 2,715
4년 전 조회 4,952
4년 전 조회 3,285
4년 전 조회 4,125
4년 전 조회 3,821
4년 전 조회 5,093
4년 전 조회 4,000
4년 전 조회 4,066
4년 전 조회 4,178
4년 전 조회 3,758
4년 전 조회 3,872
4년 전 조회 2,980
4년 전 조회 6,583
4년 전 조회 3,117
4년 전 조회 4,794
4년 전 조회 3,452
4년 전 조회 3,439
4년 전 조회 4,019
4년 전 조회 3,287
4년 전 조회 3,046
4년 전 조회 3,594
4년 전 조회 5,747
4년 전 조회 2,958