Simple Image Hover Effects
Designed so you can audition and tweak hover effects before committing it to your main styles sheet.
/*------------------------------------------------------
Add your own class selector before each rule.
Then move to you preferred location (styles.css, the Cutomizer, BB global styles etc).
.my-selector .fl-photo-content {
overflow: hidden;}
-----------------------------------------------------*/
Zoom in
Focus
Shine
Box Shadow on Hover
Clip-Path Circle
Zoom out
Grayscale to color
Flash
Removes BB's Box Shadow
Clip-Path Parallelogram
Zoom & rotate
Sepia to color
Color Overlay & Contrast
Move up/down or left/right
Clip-Path Rhombus
Image scroll on hover
CSS only version Does not work on mobile/touch devices where hover does not work.
The CSS is in the Row Settings the the class selector of "scrolling-image" is added to each Photo Module under the advance tab.
Elizabeth Beales
Fun Fact: There’s a book written about my Italian family based on my Nonna’s diaries.
James Beales
Fun Fact: I started working at my father’s accounting practice at eight years old!
STACI STROEING
Fun Fact: My original career paths ranged from psychiatry to accounting to computer programming!
JACQUI JARROLD
Fun Fact: By day, I support Elsie clients. By night, I’m a Broadway actor!
ELIZABETH AMODEO
Fun Fact: I first produced virtually 18 years ago. Plus, I’ve been to 47 US states.
BLENDA A.
Fun Fact: The main reason I love to travel is because I enjoy discovering new foods!
LUKE CHIARUTTINI
Fun Fact: I sing as the front-person of my band at small clubs around NYC.
PATRICIA DE LA CONCHA
Fun Fact: I was featured in a best-selling book by a world-renowned photographer.