객체에 fade 효과 주기 (CSS) > 그누보드5 팁자료실

그누보드5 팁자료실

객체에 fade 효과 주기 (CSS) 정보

객체에 fade 효과 주기 (CSS)

첨부파일

fade.css (4.9K) 85회 다운로드 2021-06-15 13:34:03

본문

2041240632_1623727877.637.gif

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

원하는 선택자에

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


<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>

시간설정은

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

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

추천
12
  • 복사

댓글 8개

목록
문의 PC 버전
© SIRSOFT
현재 페이지 제일 처음으로