/ Gallery

Gallery With Wave Transition Effect

Gallery With Wave Transition Effect

Gallery With Wave Transition Effect

It has 24 1920x1080 pictures inside, so it can take a sec to download. It looks cool though. Feel free to play around with variables (transition times, and delays). You can change the number of pictures. Just change the variables in scss and js. Also, if you want to add new pics, just add the url of the pic in the js array.

View demo Download Source

Made with

Html
Css/scss
JavaScript

Author

Kirill Kiyutin

Demo

See the Pen Gallery with wave transition effect. by Kirill Kiyutin (@kiyutink) on CodePen.

CodeTea

CodeTea

A Nice collection of often useful examples done in HTML JavaScript CSS.

Read More
— Code Tea —

Gallery

— Next Post —
— Prev Post —
Latest
A library for sticky elements written in vanilla javascript
2020-11-06
MineSweeper implemented in CSS + HTML using the Space Toggle trick
2020-07-23
Open-source CSS, SVG and Figma UI Icons
2020-05-10
the HTML touch slider carousel with the most native feeling you will get
2020-04-15
A pure CSS library that provides you with a variety of nice-looking toggles
2020-03-15
Tag