이전
목록
다음
바

객체에 fade 효과 주기 (CSS)

바트컨트롤
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2021-06-15 (화) 13:34:03 · 8986 · 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) 86회 2021-06-15 13:34
|

댓글 8개

그들보드
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2021-06-15 (화) 13:36:59
감사합니다
브러운아이
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2021-06-15 (화) 15:46:55
유용하네요 감사합니다.
유쾌상쾌통쾌
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2021-06-15 (화) 17:09:49
감사합니다
아이스웨덴™
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2021-06-15 (화) 18:34:10
감사합니다
windday
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2021-06-15 (화) 20:49:36
감사합니다
Winter0
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2021-06-24 (목) 14:18:38
필요했던 건데 감사합니다. 지우지말아주세요..ㅠㅠㅎㅎ
파란하늘속으로
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2021-07-13 (화) 16:17:59
감사합니다
장똥
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2021-11-26 (금) 15:31:46
감사합니다
댓글을 작성하시려면 로그인이 필요합니다.
+
제목 글쓴이 날짜 조회
21-06-20 조회 7,277
21-06-19 조회 8,336
21-06-17 조회 8,353
21-06-16 조회 9,961
21-06-15 조회 8,696
21-06-15 조회 8,987
21-06-15 조회 8,778
21-06-15 조회 8,148
21-06-14 조회 8,060
21-06-14 조회 7,224
21-06-10 조회 1.1만
21-06-09 조회 7,381
21-06-08 조회 9,232
21-06-08 조회 7,708
21-06-08 조회 7,730
21-06-07 조회 8,462
21-06-06 조회 7,520
21-06-04 조회 7,216
21-06-04 조회 7,925
21-06-03 조회 1만
21-06-02 조회 7,231
21-06-02 조회 7,874
21-06-01 조회 7,255
21-05-31 조회 8,275
21-05-31 조회 7,759
21-05-30 조회 6,715
21-05-28 조회 9,307
21-05-27 조회 8,335
21-05-26 조회 8,137
21-05-23 조회 7,792
글쓰기