标签:3D动画

WEB前端

CSS3卡片3D翻转动画 卡片带3D按钮

1

爱前端网 - Yang 发布于 2019-08-09

很多现代网站现在都喜欢用卡片式的风格,即在首页中将文章标题、内容和主题图片制作成卡片展示。今天这款就是基于CSS3的卡片动画,卡片中的元素可以是任意HTML元素,这里比较特别的是在文字下方显示一个3D按钮,同时当我们将鼠标滑过卡片时,卡片会呈现3D的翻转动画。 在线演示 源码下载

阅读(33)评论(0)赞 (2)

WEB前端

基于Three.js和HTML5 Canvas的3D水晶球体

1

爱前端网 - Yang 发布于 2019-08-09

今天给大家分享一个很酷的HTML5 Canvas 3D动画,它同样是一个基于Three.js制作的动画特效。在Canvas上有一个用许多长度各异的水晶柱形组成的球体,我们还可以用鼠标拖拽球体来从不同角度观察球面,还可以用鼠标滚轮来缩放球面。还有一个特性就是,双击球面可以改变水晶面...

阅读(15)评论(0)赞 (1)