最新回答 / 冷月诗魂
div { width: 200px; height: 200px; border: 1px solid red; margin: 20px auto;}@keyframes around{ 0% { transform: translateX(0); } 25%{ transform: translateX(180px); } 50%{ transform: translate(180px, 180px); } 75%{ transform:transl...
2016-03-21
开始坐标点是以左上为原点,x,y都为正,则像右下偏移,x正,y负,则像右上偏移,x负,y为正,则像坐下偏移,x,y都为负则像左上偏移。
2016-03-20
最新回答 / 慕虎557368
/* transform-origin: 50% 0; 设置旋转中心 默认是 50% 50%;对应x y */.image { transform-origin: 50% 0;}/* 动画这里,from to 的{} 一定要加 ";" */@keyframes animationStart { from { transform: rotate(0deg); } to { transform: rotate(20deg); }}
2016-03-20
最新回答 / 传说中的小白龙
注意的就是transform-style:perspective-3d属性、transform:tanslateZ(value)属性、transition过度属性、transform:rotateX(value)属性的运用。css3d变换这个教程里面没有讲,要学习可以移步w3c官网学习。CSS_3D转换希望能有所帮助。
2016-03-20
刚才测试了一下对于这个属性,发现对于内联元素使用transform是没有效果的,要修改成inline-block才行
2016-03-19