Translate Transform

by Nikolay Petrov

HTML

http://podshipnik.ru/ 

https://www.flaticon.com/free-icon/coding_320291

CSS

/* https://bestmaps.ru/map/ */ 
transform: translate(250px,0px);
transition: all 200ms ease-out;

/* http://podshipnik.ru/ */
transform: translate3d(-200px, 0, 0);
transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);

/* https://www.flaticon.com/free-icon/coding_320291 */
webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);

/* http://2doks.ru/skidki/luchshij-vid-na-mirovoe-shou-fejerverkov */
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
-webkit-transform-origin: top;
transform-origin: top;