Responsive Foundation 6.0.0

Sidebar

Utilities » Mixins OpacityLink

Since: 1.0.0 New Issue

A mixin for opacity. Takes care of browser prefixes for you. You should always use this mixin when writing opacity rules to ensure you're compatible with the browsers we support. Accepts arguments in the same syntax as standard CSS. More info at MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/opacity

Examples

Fade a thumbnail until it's hovered over.
			.gallery-thumbnail {
					@include opacity( 0.5 );
		
					&:hover {
						@include opacity( 1 );
					}
				}
		
Source: _mixins.scss, line 305 View Source