css3怎么设置元素背面不可见

当前第2页 返回上一页

当我们翻转了甜圈后，不希望再看到它的front面。因此我们需要另一幅代表甜圈背面的图片来取代原来的背面。我们会将"front"面和"back"main放置在相同的位置上，"front"面位于"back"面的前面。"front"面使用backface-visibility: hidden;来隐藏背面。它们会沿Y轴同步旋转，转动背面时，"front"面消失，另一幅图片被展示出来。

两张图片都使用相同的动画，只是第一张图片在旋转到背面时就被隐藏起来，这是第二张图片就自然的展示出来。

演示和下载地址：https://www.php.cn/xiazai/js/6231

更多编程相关知识，请访问：编程教学！！

以上就是css3怎么设置元素背面不可见的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

CSS3是什么意思

CSS3 flexbox该怎么使用？

box-sizing属性怎么用

ie对CSS3的支持吗

css计数器（counter）是什么

css如何使用计数器给元素自动编号？css计数器的使用（代码示例）

CSS3有那些内置函数

CSS3怎么缩小文字

CSS3 transition-duration属性怎么用

CSS3中background-size实现背景图片大小可自定义的几种效果（代码实例 ）

更多相关阅读请进入《CSS3》频道 >>

书籍

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元   人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » css3怎么设置元素背面不可见