add transation effect and change selector name
This commit is contained in:
@@ -1,4 +1,12 @@
|
|||||||
// Reset some basic elements
|
// Reset some basic elements
|
||||||
|
* {
|
||||||
|
-webkit-transition: background-color 75ms ease-in, border-color 75ms ease-in;
|
||||||
|
-moz-transition: background-color 75ms ease-in, border-color 75ms ease-in;
|
||||||
|
-ms-transition: background-color 75ms ease-in, border-color 75ms ease-in;
|
||||||
|
-o-transition: background-color 75ms ease-in, border-color 75ms ease-in;
|
||||||
|
transition: background-color 75ms ease-in, border-color 75ms ease-in;
|
||||||
|
}
|
||||||
|
|
||||||
html {
|
html {
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -272,7 +280,7 @@ blockquote {
|
|||||||
padding-right: $spacing-full - 10;
|
padding-right: $spacing-full - 10;
|
||||||
padding-left: $spacing-full - 10;
|
padding-left: $spacing-full - 10;
|
||||||
|
|
||||||
&.trigger-wrapper {
|
&.blurry {
|
||||||
animation: 0.2s ease-in forwards blur;
|
animation: 0.2s ease-in forwards blur;
|
||||||
-webkit-animation: 0.2s ease-in forwards blur;
|
-webkit-animation: 0.2s ease-in forwards blur;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user