객체에 fade 효과 주기 (CSS)

· 4년 전 · 4025 · 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,557
4년 전 조회 4,778
4년 전 조회 5,694
4년 전 조회 4,836
4년 전 조회 3,657
4년 전 조회 7,261
4년 전 조회 5,453
4년 전 조회 2,682
4년 전 조회 4,911
4년 전 조회 3,250
4년 전 조회 4,085
4년 전 조회 3,779
4년 전 조회 5,048
4년 전 조회 3,963
4년 전 조회 4,026
4년 전 조회 4,135
4년 전 조회 3,711
4년 전 조회 3,831
4년 전 조회 2,942
4년 전 조회 6,525
4년 전 조회 3,079
4년 전 조회 4,745
4년 전 조회 3,411
4년 전 조회 3,391
4년 전 조회 3,972
4년 전 조회 3,233
4년 전 조회 3,002
4년 전 조회 3,540
4년 전 조회 5,694
4년 전 조회 2,919