[새싹x코딩온] 웹 퍼블리싱 과정 5주차 - 2 | :root, 라이브러리

가상 클래스 :root

- 웹 문서에서 가장 상위에 해당하는 태그이다.

- 문서에서 쓰일 기본적인 스타일을 지정할 수 있다.

 

사용방법

1. :root 가상클래스 선택자 내부에 --변수명이라는 변수를 만들어서 css 값을 넣어준다.

2. 변경할 선택자 내부에 var(--변수명)을 입력하면 해당 스타일로 변경할 수 있다.

 

유용한 라이브러리

Swiper.js

웹 페이지 내의 요소를 슬라이드 할 수 있는 기능을 효율적으로 만들어준다.

https://swiperjs.com/

Swiper - The Most Modern Mobile Touch Slider

 

GSAP

타임라인 기반의 애니메이션 라이브러리로, 문법이 직관적이어서 쉽게 사용할 수 있다.

https://greensock.com/gsap/

GSAP