ReasonJun

https://fontawesome.com/docs/web/add-icons/how-to How To Add Icons The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome. fontawesome.com google font google material icon

https://developers.google.com/youtube/iframe_api_reference?hl=ko iframe 삽입에 대한 YouTube Player API 참조 문서 | YouTube IFrame Player API | Google for Developers 애플리케이션에 YouTube 플레이어를 삽입합니다. developers.google.com

ScrollMagic is a JavaScript library that provides a simple way to create scroll-based animations and interactions on websites. It allows you to trigger animations and control elements based on the user's scroll position, providing a visually engaging and interactive experience. ScrollMagic provides a range of features and functionalities that make it easier to create scroll-based animations: Scr..

Swiper" is not a CSS property or feature. However, "Swiper" refers to a popular and widely used JavaScript library called "Swiper.js" that provides a powerful and flexible solution for creating responsive and touch-enabled sliders, carousels, and interactive slideshows on the web. Swiper.js simplifies the implementation of swipeable and slide-based components, allowing you to create dynamic and ..

GSAP (GreenSock Animation Platform) is a popular and powerful JavaScript animation library that provides a comprehensive set of tools for creating high-performance animations and interactive effects on the web. It offers a wide range of features and capabilities that enable developers to create smooth, fluid, and visually appealing animations with ease. Some key features and benefits of GSAP inc..

Lodash.js is a popular JavaScript utility library that provides a wide range of helper functions to simplify common programming tasks. It offers a collection of functions for working with arrays, objects, strings, functions, and other data types, as well as functions for manipulating and transforming data. Lodash is designed to enhance JavaScript's capabilities and provide a consistent and effic..

In HTML, the element is used to embed and display videos on a web page. The element provides a native way to play video content without relying on third-party plugins or players. It supports various video formats and offers several attributes and methods to control video playback and appearance. Here's an example of how to use the element: Your browser does not support the video tag. In this exa..

In CSS, animations allow you to create dynamic and interactive effects by animating the values of CSS properties over a specified duration. With animations, you can bring elements to life by adding movement, transitions, and other visual transformations. To create an animation, you typically define a set of keyframes that specify the values of CSS properties at various points in time. Keyframes ..

Shortcut properties that specify the transition effect of an element transition-property / transition-duration / transition-timing-function / transition-delay transition-property: Specifies the name of the property to use the transition effect for div { width: 100px; height: 100px; background-color: orange; transition: width 1s; => Only the horizontal length changes naturally } div:active { widt..

Stack order In CSS, the "stack order" refers to the order in which elements are displayed or stacked on top of each other when they overlap in the layout. The stack order is determined by the z-index property, which controls the stacking context of elements. When elements overlap, the element with a higher z-index value will appear on top of elements with lower z-index values. If elements have t..