css3可以做3d的效果。方法：1、利用rotateX()方法，该方法可以设置围绕在一个给定度数X轴旋转的元素，语法为“元素{transform: rotateX(围绕X轴旋转度数);}”；2、利用rotateY()方法，该方法可以设置围绕在一个给定度数Y轴旋转的元素，语法为“元素{transform: rotateY(围绕Y轴旋转度数);}”。
本教程操作环境：windows10系统、CSS3&&HTML5版本、Dell G3电脑。
css3
做3d效果
CSS3 允许您使用 3D 转换来对元素进行格式化。
3D 转换方法：
rotateX()
立即学习
“
前端免费学习笔记（深入）
”；
rotateX()方法，围绕其在一个给定度数X轴旋转的元素。
示例如下：
输出结果：
CSS3选项动画切换效果
CSS3实现的选项动画切换效果。点击旁边的不同花色选项，可以切换牌面的花色显示。适用浏览器：IE9+、FireFox、Chrome、Safari、Opera。
下载
rotateY()
rotateY()方法，围绕其在一个给定度数Y轴旋转的元素。
示例如下：
输出结果：
（学习视频分享：
css视频教程
、
html视频教程
）
123
注意: Internet Explorer 9 (以及更早版本的浏览器) 和 Opera 不支持 rotateX 方法.
Hello. This is a DIV element.
Hello. This is a DIV element.
123
注意: Internet Explorer 9 (以及更早版本的浏览器) 和 Opera 不支持 rotateY方法.
Hello. This is a DIV element.
Hello. This is a DIV element.