이전
목록
다음
바

객체에 fade 효과 주기 (CSS)

바트컨트롤
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 2021-06-15 (화) 13:34:03 · 7560 · 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
감사합니다
wwindday
프로필 보기이 회원 글보기이 회원의 댓글보기
 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
감사합니다
댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 팁자료실

2,790건
+
제목 글쓴이 날짜 조회
21-06-17 조회 7,070
21-06-16 조회 8,462
21-06-15 조회 7,224
21-06-15 조회 7,561
21-06-15 조회 7,453
21-06-15 조회 6,871
21-06-14 조회 6,851
21-06-14 조회 6,009
21-06-10 조회 9,973
21-06-09 조회 6,147
21-06-08 조회 7,972
21-06-08 조회 6,461
21-06-08 조회 6,522
21-06-07 조회 7,228
21-06-06 조회 6,291
21-06-04 조회 6,006
21-06-04 조회 6,700
21-06-03 조회 8,807
21-06-02 조회 6,003
21-06-02 조회 6,619
21-06-01 조회 6,065
21-05-31 조회 7,019
21-05-31 조회 6,532
21-05-30 조회 5,507
21-05-28 조회 8,078
21-05-27 조회 7,127
21-05-26 조회 6,856
21-05-23 조회 6,581
21-05-23 조회 8,268
21-05-22 조회 6,584
글쓰기