Logo
Logo

Creating an Eye-Catching iPhone Gallery Effect

Learn to create a dynamic slider framed by an iPhone image using Breakdance and Elements Hive. This tutorial shows you how to add a gallery, create a circular button, and incorporate advanced CSS for unique hover effects and opacity transitions.

by OB Studios
#Tips & Tricks#Design & Layout
Watch on YouTube
Meet Breakdance: The Best Visual Builder for WordPress
faces
Join thousands of freelancers and agencies who are working better and faster using Breakdance
Try Breakdance Free

Learn to create a dynamic slider framed by an iPhone image using Breakdance and Elements Hive. This tutorial shows you how to add a gallery, create a circular button, and incorporate advanced CSS for unique hover effects and opacity transitions.

More By This Author

Hover to Reveal Image in Breakdance
By OB Studios
Build Awwwards Website Nav Bar with Breakdance & motion.page
By OB Studios
New Components: Portfolio Cards for Moreblocks (Pro Users)
By OB Studios
Animated Circular Button with Icon
By OB Studios
Create Marquee Infinite Text & Images Loop with Breakdance Builder
By OB Studios
Craft an Insanely Creative 404 Page Using Elements Hive & Breakdance!
By OB Studios

Related Tutorials

Huge Time Saver – Global Styles in Breakdance for WordPress
By Breakdance
Rebuilding the Cybertruck Website in Under 1 Hour 30 Minutes Using Breakdance
By OB Studios
Flex Gap
By Breakdance
Design Pro Tip: Creating Fancy Link Effects In 6 Clicks
By Breakdance
Grid Gap
By Breakdance
How To Use Adobe Fonts in Breakdance
By Breakdance
Breakdance logo
Upgrade your WordPress editing experience with Breakdance, the best visual website builder for WordPress.

Overview

Home Templates Pricing Try Breakdance Live Customer Login

Design Library

All Templates 1-Click Complete Websites Section Libraries

Vs The Competition

Breakdance vs Elementor Breakdance vs Divi Breakdance vs The Block Editor

For Power Users

Element Studio Craft With Code Client Access Control

General Features

Total Creative Control Global Styles 145 Built-In Elements Superior Performance & SEO Popup Builder Form Builder Header Builder Mega Menu Builder

WooCommerce

WooCommerce Overview Templating Product Pages Product Loop Builder Shop Filters Elements Cart & Checkout Pages

Dynamic Data

Dynamic Data Overview Post Loop Builder Term Loop Builder Conditional Element Display Repeater Fields Search & Filter

Get Help

Video Tutorials Documentation Contact Us Frequently Asked Questions

Community

Website Showcase Hire An Expert Facebook User Group

Company

Updates Blog About Us Brand Assets Affiliate Program Legal Terms & Privacy
We ❤️ WordPress. Our plugin stack »
© Soflyy. All rights reserved