Skip to content

Instantly share code, notes, and snippets.

@hatefulcrawdad

hatefulcrawdad/orbit-hover.scss

Created September 18, 2012 17:20
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save hatefulcrawdad/3744419 to your computer and use it in GitHub Desktop.
Save hatefulcrawdad/3744419 to your computer and use it in GitHub Desktop.
Download ZIP
Foundation Orbit Nav on Hover
Raw
orbit-hover.scss
/* SCSS */
.orbit-wrapper {
.slider-nav span { @include opacity(0); @include single-transition(opacity, 400ms); }
&:hover .slider-nav span { @include opacity(1); }
}
/* CSS */
.orbit-wrapper .slider-nav span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 400ms; -moz-transition: opacity 400ms; -o-transition: opacity 400ms; transition: opacity 400ms; }
.orbit-wrapper:hover .slider-nav span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment