CSS3绘制3D盒子,动态害羞表情包

CSS3非常强大,我们不仅可以用它来绘制平面的图形,还可以绘制2D,3D的图形,并且可以制作一些动态的图,解锁CSS新玩法,今天要分享就是立体的3D盒子和动态超萌害羞表情包,先来看看效果

CSS3绘制3D盒子,动态害羞表情包_第1张图片

附上完整的代码:




	
	表情
	


	

命名不规范,请大家谅解,因为名字真的好难起啊QAQ,接下来分享的是一个看起来很酷炫的3D旋转盒子

动图在录制的时候显得有些快了,实际效果是由慢到快的匀速运动的,符上完整代码,




	
	立方体
	


	

还可以在hover的时候加上一些cube效果,看起来更酷炫

CSS3绘制3D盒子,动态害羞表情包_第2张图片

附上cube的完整代码:



  
  Cube
  


  
1
2
3
4
5
6

以上效果都是我自己瞎捣鼓的,对本篇文章有任何的疑问或者有更好的建议,可以在下方留言

你可能感兴趣的:(CSS3绘制3D盒子,动态害羞表情包)