Code
Snippet
/ 

Effect All Siblings on Hover With CSS

View 
 
Snippet
*
 ↗
View 
Snippet
 ↗
Effect All Siblings on Hover With CSS

Some simple CSS to highlight a hovered item in a list by altering the style of all other items that aren’t being hovered. This specific example shows how hovering any child will set all other children to 10% opacity.

Tags

CSS
Aesthetic
Hide/Show
Set

Industries

Creators

Share this item

Twitter
Facebook
LinkedIn

Related items

Load more

Have feedback or a question related to this item? Drop us some feedback!

Curated: 
8.30.22

Similar items

Items
0
Layout
Grid View
Row View
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Not Another™
Inspo
Website
/ 

Not Another™

10.6.21
Creative, Portfolio, Agency, Webflow
Evnex
Inspo
Website
/ 

Evnex

10.6.21
Transportation, Marketing, Webflow
Veri
Inspo
Website
/ 

Veri

10.6.21
Food & Beverage, Health & Wellness, Marketing, Webflow
Koysor
Inspo
Website
/ 

Koysor

10.6.21
Portfolio, Personal, Webflow
CPGD
Inspo
Website
/ 

CPGD

10.6.21
Food & Beverage, Health & Wellness, Gallery, Webflow
Purpose Banking
Inspo
Website
/ 

Purpose Banking

10.6.21
Financial, Marketing, Webflow
Multiple Nested Collections w/ Jquery .load()
Code
Snippet
/ 

Multiple Nested Collections w/ Jquery .load()

10.6.21
Jquery, CMS, Load
Ben Fryc
Inspo
Website
/ 

Ben Fryc

10.5.21
Portfolio, 3D, Personal, Webflow
Mrs&Mr
Inspo
Website
/ 

Mrs&Mr

10.4.21
Creative, Portfolio, Agency, Webflow
Welcome
Inspo
Website
/ 

Welcome

10.1.21
Events, Marketing, Webflow, Kinetic Studio
Maptober
Inspo
Website
/ 

Maptober

9.30.21
SAAS, Game, Landing, Webflow, Mapbox
METRIK
Inspo
Website
/ 

METRIK

9.30.21
Creative, Portfolio, Agency, Webflow
Monograph
Inspo
Website
/ 

Monograph

9.27.21
SAAS, Marketing, Webflow
Humain
Inspo
Website
/ 

Humain

9.24.21
Creative, Portfolio, Agency, Webflow
Almanac
Inspo
Website
/ 

Almanac

9.21.21
SAAS, Marketing, Webflow
Real Meals
Inspo
Website
/ 

Real Meals

9.21.21
Food & Beverage, Landing, Marketing, Webflow
CSS Halftone Overlay Effect
Code
Snippet
/ 

CSS Halftone Overlay Effect

9.20.21
CSS, Aesthetic, Media, Vimeo Video as Background, Corey Moen
Vimeo Video as Background
Code
Snippet
/ 

Vimeo Video as Background

9.20.21
HTML, CSS, Video, Media, Custom Code, CSS Halftone Overlay Effect, Corey Moen
Givebutter
Inspo
Website
/ 

Givebutter

9.8.21
Financial, Nonprofit, SAAS, Marketing, Webflow
CommandDot
Inspo
Website
/ 

CommandDot

9.7.21
SAAS, Marketing, Webflow
Finsweet Normalize CSS Embed
Code
Snippet
/ 

Finsweet Normalize CSS Embed

9.2.21
CSS, Aesthetic, Finsweet
Eva Habermann
Inspo
Website
/ 

Eva Habermann

8.30.21
Entertainment, Portfolio, Webflow
Setting Cookies
Code
Snippet
/ 

Setting Cookies

8.25.21
Javascript, Cookie, Set, Improve UX Using Cookies in Webflow, Timothy Ricks
Set Hidden Input Value From URL Parameters
Code
Snippet
/ 

Set Hidden Input Value From URL Parameters

8.25.21
Javascript, Set, URL, Redirect Form on Submit and Pass Input Value to URL, Corey Moen
Caltech Alumni Association
Inspo
Website
/ 

Caltech Alumni Association

8.24.21
Education, Marketing, Webflow
breef.
Inspo
Website
/ 

breef.

8.23.21
Creative, Gallery, Utility, Agency, Webflow
Milieu Grotesque Type Foundry
Tools
Fonts
/ 

Milieu Grotesque Type Foundry

8.20.21
Creative, Fonts, Gallery
Makeshift Brooklyn
Inspo
Website
/ 

Makeshift Brooklyn

8.18.21
Creative, Landing, Webflow
Maven
Inspo
Website
/ 

Maven

8.17.21
Health & Wellness, Marketing, Webflow
Dock
Inspo
Website
/ 

Dock

8.17.21
SAAS, App, Webflow
Hide/show Based on URL Parameter
Code
Snippet
/ 

Hide/show Based on URL Parameter

8.16.21
Javascript, Hide/Show, URL, Get UTM Parameter Source From URL, Redirect Form on Submit and Pass Input Value to URL
Optimage
Tools
Utility
/ 

Optimage

$15
8.4.21
Optimize, Assets
Stir
Inspo
Website
/ 

Stir

8.2.21
Financial, SAAS, Utility, Webflow
Prefers Reduced Motion Media Query
Code
Snippet
/ 

Prefers Reduced Motion Media Query

7.28.21
CSS, Accessibility, Hide/Show, Animation, Corey Moen
Asset Supply©
Inspo
Website
/ 

Asset Supply©

7.19.21
Creative, Gallery, Ecommerce, Webflow
Lightyear
Inspo
Website
/ 

Lightyear

7.14.21
Transportation, Energy, Marketing, Webflow
Black Foundry
Tools
Fonts
/ 

Black Foundry

7.13.21
Creative, Fonts, Gallery
Localyze
Inspo
Website
/ 

Localyze

7.7.21
HR, SAAS, Marketing, Webflow
UNDESIGNED STUDIO
Inspo
Website
/ 

UNDESIGNED STUDIO

6.30.21
Creative, Portfolio, Agency, Webflow
Daniel See
Inspo
Website
/ 

Daniel See

6.29.21
Creative, Film, Portfolio, Personal, Webflow
Beseda
Inspo
Website
/ 

Beseda

6.25.21
SAAS, Landing, Webflow
Ergonomics 101
Inspo
Website
/ 

Ergonomics 101

6.10.21
Health & Wellness, Scrollytelling, Webflow
Twigs Paper
Inspo
Website
/ 

Twigs Paper

6.10.21
Office, Ecommerce, Webflow
Appart Agency
Inspo
Website
/ 

Appart Agency

6.10.21
Creative, Portfolio, Agency, Webflow
Welcome to Calvary
Inspo
Website
/ 

Welcome to Calvary

6.10.21
Religious, Gallery, Marketing, Webflow
Moodboard Cloneable
Inspo
Website
/ 

Moodboard Cloneable

6.10.21
Creative, Utility, Agency, Webflow
SkillHub
Inspo
Website
/ 

SkillHub

6.9.21
HR, Marketing, Webflow
Pry
Inspo
Website
/ 

Pry

6.7.21
Financial, Marketing, Webflow
Joshua Kaplan
Inspo
Website
/ 

Joshua Kaplan

6.3.21
Portfolio, Personal, Webflow
First Session
Inspo
Website
/ 

First Session

6.3.21
Health & Wellness, Gallery, Marketing, Webflow
Custom Media Player Integration with Plyr.io
Tools
Component
/ 

Custom Media Player Integration with Plyr.io

6.2.21
Audio, Video, Extending, Custom Code, Webflow
Marker.io
Inspo
Website
/ 

Marker.io

6.2.21
SAAS, Marketing, Webflow
Load more

Bummer, no results

Try a different search/filter combo, or drop us some feedback if there is something missing you would love to see!

Reset filters

Subscribe for updates

Get updates on the latest curated resources and be the first to hear of new features.