├── .gitignore ├── README.md ├── css ├── component.css ├── demo.css └── normalize.css ├── favicon.ico ├── img ├── 1.jpg ├── 10.jpg ├── 11.jpg ├── 12.jpg ├── 13.jpg ├── 14.jpg ├── 15.jpg ├── 2.jpg ├── 3.jpg ├── 4.jpg ├── 5.jpg ├── 6.jpg ├── 7.jpg ├── 8.jpg ├── 9.jpg ├── giphy.gif ├── mask.png ├── mask2.png ├── related │ ├── InlineAnchorStyles.png │ └── TextHoverEffects.png └── vinyl.svg ├── index.html ├── js ├── anime.min.js ├── imagesloaded.pkgd.min.js ├── main.js └── plyr.js ├── mp3 └── song1.mp3 └── videos ├── duck.jpg ├── duck.mp4 ├── duck.ogg └── duck.webm /.gitignore: -------------------------------------------------------------------------------- 1 | *.DS_Store 2 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/README.md -------------------------------------------------------------------------------- /css/component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/css/component.css -------------------------------------------------------------------------------- /css/demo.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/css/demo.css -------------------------------------------------------------------------------- /css/normalize.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/css/normalize.css -------------------------------------------------------------------------------- /favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/favicon.ico -------------------------------------------------------------------------------- /img/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/img/1.jpg -------------------------------------------------------------------------------- /img/10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/img/10.jpg -------------------------------------------------------------------------------- /img/11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/img/11.jpg -------------------------------------------------------------------------------- /img/12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/img/12.jpg -------------------------------------------------------------------------------- /img/13.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/img/13.jpg -------------------------------------------------------------------------------- /img/14.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/img/14.jpg -------------------------------------------------------------------------------- /img/15.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/img/15.jpg -------------------------------------------------------------------------------- /img/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/img/2.jpg -------------------------------------------------------------------------------- /img/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/img/3.jpg -------------------------------------------------------------------------------- /img/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/img/4.jpg -------------------------------------------------------------------------------- /img/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/img/5.jpg -------------------------------------------------------------------------------- /img/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/img/6.jpg -------------------------------------------------------------------------------- /img/7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/img/7.jpg -------------------------------------------------------------------------------- /img/8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/img/8.jpg -------------------------------------------------------------------------------- /img/9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/img/9.jpg -------------------------------------------------------------------------------- /img/giphy.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/img/giphy.gif -------------------------------------------------------------------------------- /img/mask.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/img/mask.png -------------------------------------------------------------------------------- /img/mask2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/img/mask2.png -------------------------------------------------------------------------------- /img/related/InlineAnchorStyles.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/img/related/InlineAnchorStyles.png -------------------------------------------------------------------------------- /img/related/TextHoverEffects.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/img/related/TextHoverEffects.png -------------------------------------------------------------------------------- /img/vinyl.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/img/vinyl.svg -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/index.html -------------------------------------------------------------------------------- /js/anime.min.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/js/anime.min.js -------------------------------------------------------------------------------- /js/imagesloaded.pkgd.min.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/js/imagesloaded.pkgd.min.js -------------------------------------------------------------------------------- /js/main.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/js/main.js -------------------------------------------------------------------------------- /js/plyr.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/js/plyr.js -------------------------------------------------------------------------------- /mp3/song1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/mp3/song1.mp3 -------------------------------------------------------------------------------- /videos/duck.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/videos/duck.jpg -------------------------------------------------------------------------------- /videos/duck.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/videos/duck.mp4 -------------------------------------------------------------------------------- /videos/duck.ogg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/videos/duck.ogg -------------------------------------------------------------------------------- /videos/duck.webm: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/MediaPopUpEffect/HEAD/videos/duck.webm --------------------------------------------------------------------------------