Naar beneden scrollen
Je moet die CSS-code wel ergens aan koppelen, bijvoorbeeld door deze "in" een element te zetten.
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 */
}
PHP hulp
22/12/2024 18:40:39Heb je anders geen JSbin voor je code, zoals Eschwin je code had uitgetest?
Dat werkt wat makkelijker.
Dat werkt wat makkelijker.
Matthijs P
12/06/2014 16:38:07Code (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?