parallax only css
첨부파일 https://eond.com/css/406824

css

<style>
   .parallax {
      /* The image used */


      /* Full height */
      height: 100%;

      /* Create the parallax scrolling effect */
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
   }
   .s8_3{background-image: url("http://herdental.co.kr/layouts/eond_nihousing/img/s8_3.jpg");}
   .s8_5{background-image: url("http://herdental.co.kr/layouts/eond_nihousing/img/s8_5.jpg");}
</style>


html

<div class="s8_3 parallax">
   <div class="col">
      <h4 class="s8_3_1"><img src="../img/s8_3_1.png" alt=""></h4>
   </div>
   <div class="container">
      <div class="col">
         <img src="../img/s8_3_2.png" alt="">
      </div>
      <!--<img src="../img/s8_3.jpg" alt="">-->
   </div>
</div>
코멘트 0
접기/펴기 | 댓글 새로고침
 
 
Total 115 articles in 1 / 6 pages
번호 제목 제목 날짜날짜 조회 수
공지 UI컴포넌트는 UI프레임워크 게시판에 글을 작성해주세요 2018/05/27 1097 0
공지 CSS(Cascading Style Sheet) 뜻 2018/05/13 1228 0
공지 CSS(Cascading Style Sheet) 뜻 2018/05/13 1076 0
공지 html/css/javascript 공부하는 사이트 2018/01/02 1148 0
공지 Metirial Icons (머티리얼 디자인 아이콘) 파일 2015/12/06 1344 0
111 [flex] CSS Flex 귀여운 개구리로 실습해보자 2020/07/02 165 0
110 [SCSS] scss mixin 방법 파일 2020/06/07 30 0
109 폰트단위 em 2020/05/11 20 0
108 [grid] grid 로 짜는 레이아웃 예제 파일 2020/05/09 19 0
107 웹폰트가 흐리게 보여질 땨, 흐린 폰트를 좀더 분명하게 선을 보여주고 싶을 때 2020/05/06 30 0
106 [css] 안드로이드 모바일 링크 클릭 선택시 하이라이트 파란색배경음영 지우기 2019/10/10 221 0
105 flex 설명한 글 모음. 2019/09/09 70 0
104 [SVG] svg 파일을 id값으로 클래스화해서 사용하기 파일 2019/01/07 146 0
103 [SCSS] [SCSS] SCSS문법 정리 네스팅 변수 @import @mixin @include @for @each @while 파일 2018/09/01 307 0
102 [flex] flex 개념 알기 2018/08/25 132 0
현재글 [css] parallax only css 2018/08/14 107 0
100 [css] 마진 상쇄 현상 해결팁 2018/07/30 221 0
99 [SVG] CSS HEXAGON 2018/04/19 89 0
98 [css] CSS animation infinite 2018/04/13 97 0
97 [css] CSS로 Center 정렬 2018/01/13 93 0
96 [css] css 선택자 | CSS [attribute*=value] Selector 2018/01/02 95 0

해시태그 디렉터리