Blog 6: Urban Influence

Screen Shot 2015-04-27 at 2.06.59 AMUrban Influence is a design and creative strategy company. Their website contains a lot of cool CSS and jQuery features. The “work” page allows you to hover over multiple components in the grid, and it gradually changes color in an overlay and has animation with the line under the title. I decided to see what the code was for the hover effect, and it is applied in the CSS with the following code.The #c5a47e gives the yellow-ish color.

Screen Shot 2015-04-27 at 1.58.59 AM
.overlay,[class*="overlay"]{position:absolute;height:100%;width:100%;z-index:5;display:block;top:0;
left:0;z-index:2;background-color:rgba(0,0,0,0.6);-webkit-transition:background-color 1s ease;
-moz-transition:background-color 1s ease;transition:background-color 1s ease}
.overlay.overlay-alpha,.overlay-alpha{background-color:#c5a47e !important;opacity:.7 !important}
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s