CSS 3.0+HTML5.0制作各种网页特效
1、C33实现点击图片渐渐放大特效
2、CSS3实现图片全屏背景特效
3、CSS3实现的鼠标移动到图片上不规则放大
3、jQuery+CSS3模拟苹果桌面系统
4、CSS3+jQuery 照片翻开效果
5、CSS3实现按钮点击效果
6、css3实现的缩略图为原型的焦点图代码
7、一款来自国外网站图片不规则排列的焦点图
8、CSS3实现的点击按钮背景图片不断切换的JS代码
9、CSS3实现鼠标移动到DIV上高亮显示特效
123设计网，设计师上网导航第一品牌。欢迎订阅本博或加微信公众号：“123设计”
更多精彩内容请猛击下面相关链接↓↓↓
ztext – 简单几行代码创建酷炫3D特效文字的开源JS库
把网页上的文字变成酷炫的 3D 风格，还能制作旋转动效，有了 ztext.js，只需要几行代码。
ztext 能做什么
ztext.js 是一个能把常规的平面文字变成 3D 样式的前端开源代码库，让开发者能通过非常简单的 api 创造出酷炫的 3D 文字效果。配合 CSS 动画，可以实现惊艳酷炫的交互效果。
ztext 官网文档截图
ztext.js 库的特点
- 轻量无依赖，支持原生 javascript 和在 Vue / React 中安装使用
- 性能强劲，兼容性强。基于 CSS 的 transform-style 属性实现，超过98%用户的浏览器都支持，而且用于 CSS transform 的动画性能很高
- 功能强大，适用范围广。不仅适用于任何中西文字体，还支持图片/ svg / Emoji 表情符号
支持图片/svg/表情符号
开发上手体验
在开发 PC 端展示型的页面或应用时，运用合适的特效，能让呈现效果印象深刻。把 banner 上的标题变成 3D，搭配设计精美的元素，是一个很见的需求。而常规的方法是使用 canvas，前端需要加载几M大小的 WebGL 库，折腾数小时才能实现。
ztext.js 就是一个适用于这样场景的 js 库，压缩版本大小仅3.8kb，api 也非常简单，而且官网有详细的代码例子，甚至不需要有太扎实的代码基础，copy 改改就能用，快速创建酷炫的 3D 文字特效。配合鼠标悬停的交互，着实能为产品增色不少。
ztext.js 实现 3D 文字的原理
ztext.js 并没有引入真正的第三方 3D 库来实现三维视图，而是通过从 HTML 元素创建图层，来给人一种立体的错觉，基于 CSS 的 transform-style 属性来还原 3D ，视觉效果非常好，作为用户没有发现任何区别，而且很容易结合 CSS3 动画来使用，能够随时调整角度，非常喜欢这种简单酷炫的方式。
免费开源说明
ztext.js 基于 MIT 开源协议在 Github 上开源，任何人都可免费下载用在自己的项目，包括商业用途。
关注我，持续分享高质量的免费开源、免费商用的资源。
↓↓点【了解更多】查看本次分享的网址。
本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com
文章为作者独立观点不代本网立场，未经允许不得转载。
投诉举报&联系我们：
