开启辅助访问

php中文网 | cnphp.com»论坛 › 源码 › web开发 › 纯CSS3实现立体式鼠标悬停翻转效果

发新帖

查看: 1030|回复: 0

纯CSS3实现立体式鼠标悬停翻转效果

3138 主题	3148 帖子	1万积分

Rank: 9 Rank: 9 Rank: 9

UID: 1

威望: 0

积分: 7946

贡献: 0

注册时间: 2021-4-14

最后登录: 2024-11-21

在线时间: 762 小时

发消息

发表于 2021-11-30 19:47:15 | 显示全部楼层 |阅读模式

效果描述：
一个纯CSS3实现的鼠标悬停翻转效果，立体式效果非常不错
实现起来也很简单，主要靠CSS3的那一个特殊属性而已
使用方法：
1、将index.html中的样式复制到你的样式表中
2、将body中的代码部分拷贝到你需要的地方即可

flip0314.zip (75.97 KB, 下载次数: 1688)

下一篇：5款网站正在建设中html模板

相关帖子

• 一套精美的 CSS3 新拟物风格 UI 元素

回复

使用道具举报

发新帖

|php中文网 | cnphp.com ( 赣ICP备2021002321号-2 )

GMT+8, 2024-11-21 17:17 , Processed in 0.290878 second(s), 40 queries , Gzip On.

Powered by Discuz! X3.4 Licensed

Copyright © 2001-2020, Tencent Cloud.

申明：本站所有资源皆搜集自网络，相关版权归版权持有人所有，如有侵权，请电邮（fiorkn@foxmail.com）告之，本站会尽快删除。

快速回复 返回顶部 返回列表