css3 transform实现两张图片翻转动态效果

问题描述:实现最开始是一张图片面向我们,一张图片面向下面,当鼠标移入时,两张图片同时沿X轴旋转90度。
实现原理:首先把两张图片的位置摆放好,即一张图片是初始状态不用管,另一张图片沿X轴旋转-90度,并且位于底部。当鼠标移入时,将他们的父盒子设置沿X旋转90度。
代码:





	
	


	

你可能感兴趣的:(前端,css)