Title: Concept Development
Last modified: August 22, 2016

---

# Concept Development

 *  Resolved [MethodMan](https://wordpress.org/support/users/nopopop/)
 * (@nopopop)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/concept-development/)
 * I am curious, what was your thought process in making everything muted, and then
   vibrant on mouseover? It is quite inventive, because many times, it is the other
   way around. The mouseovers make the site come to life with this design perspective.
 * Also in generally, may I ask how that effect is technically created? I think 
   it might be useful in my future designs.

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Theme Author [Ben Sibley](https://wordpress.org/support/users/bensibley/)
 * (@bensibley)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/concept-development/#post-5213958)
 * It’s all based on opacity. For instance, instead of changing a menu link color
   from gray to white like this:
 *     ```
       .menu-item a {
         color: #ccc;
       }
       .menu-item a:hover {
         color: white;
       }
       ```
   
 * Tracks instead uses opacity for the job:
 *     ```
       .menu-item a {
         opacity: 0.6;
         color: white;
       }
       .menu-item a:hover {
         opacity: 0.9;
       }
       ```
   
 * The same is applied to other elements like the posts on the homepage. By changing
   the opacity of the blog post as a whole, it allows the images and text to really
   pop.
 * Not sure how I came up with it, it just sorta happened 😛
 *  Thread Starter [MethodMan](https://wordpress.org/support/users/nopopop/)
 * (@nopopop)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/concept-development/#post-5213966)
 * Ahh. That makes so much sense. I was thinking it had to do with putting an image
   over the hover, but opacity makes so much sense and is an elegant solution.
 *  Theme Author [Ben Sibley](https://wordpress.org/support/users/bensibley/)
 * (@bensibley)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/concept-development/#post-5214134)
 * Yea it can be used for some pretty neat effects 🙂

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Concept Development’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/tracks/1.81/screenshot.png)
 * Tracks
 * [Support Threads](https://wordpress.org/support/theme/tracks/)
 * [Active Topics](https://wordpress.org/support/theme/tracks/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/tracks/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/tracks/reviews/)

## Tags

 * [mouseover](https://wordpress.org/support/topic-tag/mouseover/)

 * 3 replies
 * 2 participants
 * Last reply from: [Ben Sibley](https://wordpress.org/support/users/bensibley/)
 * Last activity: [11 years, 9 months ago](https://wordpress.org/support/topic/concept-development/#post-5214134)
 * Status: resolved