Naar beneden scrollen
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
div {
-webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000);
-moz-transition: all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000);
-o-transition: all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000);
transition: all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */
-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);
-moz-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);
-o-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);
transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */
}
-webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000);
-moz-transition: all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000);
-o-transition: all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000);
transition: all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */
-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);
-moz-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);
-o-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);
transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */
}
Dat werkt wat makkelijker.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
div#portfolio {
-webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000);
-moz-transition: all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000);
-o-transition: all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000);
transition: all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */
-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);
-moz-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);
-o-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);
transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */
}
-webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000);
-moz-transition: all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000);
-o-transition: all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000);
transition: all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */
-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);
-moz-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);
-o-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);
transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */
}
Is dit goed?