[CSS] CSS 잘 몰랐던 코드

1. filter: blur(8px)

-webkit-filter: blur(8px)

2. backdrop-filter: blur(28px)

3. fontface

4. transition-duration

  예시)

  <button>

    <span></span>

  </button>

 

  button에 호버했을 때, <span>이 변경되는 경우

  <span> css에 transition-duration을 준다.

  (호버하는 태그 x  바뀌는 태그 o)

 

5.  display: flex

 

6. swiper demo

   slidesPerView: auto (내가 정한 가로 값으로 들어간다)

   slidesPerView: 4 (화면 가로값에 맞춰 4개 swiper-slide가 노출되게 콘텐츠 가로값이 자동 조정)