Creating a Sliding Image Gallery with Animation
In this video, I demonstrate how to create a scrolling image gallery using the Bricks Image gallery and CSS animation. I show you how to set it up and how to add scrolling animation to the gallery. I also explain the use of keyframes and timing functions to create smooth animations. Join me as I walk you through the process of building a visually appealing and interactive image gallery.
See the live version here:
https://training.bricksmaven.com/temp...
Chapters:
00:00 Introduction
01:15 Setting up the Structure
03:29 Adding Classes
05:55 Styling the Container
07:00 Styling the Gallery
15:15 Adding the Animation to the Gallery
27:20 Finalizing the Gallery, Exploring Alternative Gallery Options
--------------------------------------------------------------------------------------------------------
Get the Alpha template and speed up your development process
If you are interested in getting this block go to www.bricksmaven.com and get yourself a license which will give you access to 500+ blocks. We support ACSS, CORE and vanilla CSS.
Get access to 100+ blocks for Bricks builder for free
Visit Bricksmaven and test the Alpha template for free, You get access to 100+ blocks which you can copy and paste in your projects and use forever. The free gift comes with 3 different version: ACSS, CORE and Vanilla CSS. Try it out today, visit https://bricksmaven.com/#pricing
Get the Automatic CSS framework | https://automaticcss.com/ref/3/ |
Voted #1 Framework For WordPress Page Builders. Automatic.css (ACSS) is consistently voted the best framework for WordPress because it combines innovative features, True Builder Integration™, best practices, unparalleled support, and education.
Get the CORE Framework | https://coreframework.com/ |
Supercharge your web design game with Core Framework's robust toolkit to manage, organize, and reuse your stylesheets. Seamlessly create, customize, and control every aspect of your project with our unique visual GUI.