Skip to content

Instantly share code, notes, and snippets.

@briandailey

briandailey/transition-example.scss

Forked from lomteslie/transition-example.scss
Created July 7, 2020 19:48
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save briandailey/72e4cbed397e81979bf65d455f32409a to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save briandailey/72e4cbed397e81979bf65d455f32409a to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @lomteslie lomteslie revised this gist Feb 10, 2016. 1 changed file with 10 additions and 1 deletion.
    11 changes: 10 additions & 1 deletion transition-example.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -1,3 +1,12 @@
    .class {
    transition: property ($transition-speed * 2) $transition-easing;
    transition: color $transition-speed-easing; // preferred method
    }

    .class {
    transition: opacity ($transition-speed * 2) $transition-easing; // For a slower animation
    }

    .class {
    transition: color $transition-speed-easing, // multiple properties
    border $transition-speed-easing;
    }
  2. @lomteslie lomteslie created this gist Feb 10, 2016.
    3 changes: 3 additions & 0 deletions transition-example.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,3 @@
    .class {
    transition: property ($transition-speed * 2) $transition-easing;
    }