CSS3多过渡效果

效果展示:
CSS3多过渡效果_第1张图片
知识点:
1…box > img:nth-of-type(1)
表示选择box下的第一个img
2. transform: translate(100px,100px) rotate(30deg);
多过度效果,该行代码表示先进行平移在旋转
注: transform: rotate(30deg) translate(100px,100px);
如果写成这样是先旋转在平移,旋转时也会把坐标系旋转,带来不一样的效果




	
	多过渡效果
	


	

本文属个人学习整理记载

你可能感兴趣的:(CSS3多过渡效果)