Skip to content

Instantly share code, notes, and snippets.

@marklearst
Last active December 12, 2015 05:48
Show Gist options
  • Save marklearst/4724226 to your computer and use it in GitHub Desktop.
Save marklearst/4724226 to your computer and use it in GitHub Desktop.
For Bitchard's Nav
#global-nav-flyout .vehicles{
float:left;
display: inline-block;
overflow:hidden;
height:260px;
flex: 1;
position: relative;
}
/* You CAN change the .vehicles:before selector to a different one that
will left you use top: 0; left: 0; Just remember whatever element you
use the pseudo element that the parent's positon is set to relative.
Quick Dirty Dirty!!! Might have to add a mediaquery or into one of you
mediaqueries to change the background: none; or whatever fancies your underoos. */
.vehicles:before {
position: absolute;
top: -320px;
left: -338px;
width: 30px;
height: 300px;
content: "";
background: -webkit-linear-gradient(left, #ffffff 3%, rgba(255, 255, 255, 0) 100%);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment