Skip to content

Instantly share code, notes, and snippets.

@dgowrie

dgowrie/mixin-transition-props.scss

Last active May 17, 2018 15:09
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save dgowrie/5d31868272badf0485f0a98f37287383 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save dgowrie/5d31868272badf0485f0a98f37287383 to your computer and use it in GitHub Desktop.
Download ZIP
Sass @mixin for GPU-accelerated transition
Raw
mixin-transition-props.scss
@mixin transition-props($property: all) {
transition-property: $property;
transition-duration: .5s;
transition-timing-function: cubic-bezier(.25,.46,.45,.94);
@if ($property != 'opacity') and ($property != 'transform') {
will-change: $property;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment