标签:CSS3 3D

WEB前端

纯 CSS3 3D 卧室动画

1

爱前端网 - Yang 发布于 2021-11-09

这是一个用纯CSS3实现的3D卧室,卧室中家具齐全,有床、衣柜、书架,还有沙发等等。这些卧室中的元素都是通过CSS绘制而成的,并不是图片。另外,我们还可以通过鼠标移动来和卧室中的元素进行交互,比如将鼠标滑过书架中的书本时,书本会自动弹出,移开鼠标后又会自动藏在书架中。同样,衣柜的...

阅读(402)赞 (2)

WEB前端

CSS3 3D飞机飞行动画

1

爱前端网 - Yang 发布于 2021-11-09

这是一个很酷的CSS3 3D飞机飞行动画,首先飞机模型、天空白云都是通过纯CSS3绘制的,鼠标可以控制飞机飞行的方向。另外鼠标点击天空时,还可以切换白天和黑夜,飞机在黑夜中飞行时会自动点亮机翼上的警示灯并且不断闪烁。更为炫酷的是,飞机还会时不时的做翻滚动作,不论是上下翻滚还是侧面...

阅读(376)赞 (1)

WEB前端

CSS3 3D 复选框翻转动画

1

爱前端网 - Yang 发布于 2021-11-09

这是一款基于CSS3的复选框插件,这款复选框插件非常具有特点,当复选框被选中或者取消选中是,复选框将会出现翻转跳跃的动画特效。另外,这款CSS3 3D复选框也考虑到了禁用复选框的情况,禁用后,复选框变成灰色,并且不可选择。同时,你可以使用正常的取值方式来获取复选框的选择情况,因此...

阅读(330)赞 (2)

WEB前端

CSS3 水墨风格背景动画按钮

1

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

今天给大家分享一个非常有特色的CSS3动画按钮,之前分享的很多按钮都是通过CSS3特性实现的3D视觉效果,比如这款超酷的CSS3复古风格和字体的3D按钮。这款按钮不同,它主要是鼠标滑过按钮后渲染出水墨风格的背景动画,尽管是平面样式,但是比较简单实用,也有一种扁平化的效果。 在线演...

阅读(4366)赞 (26)

WEB前端

超酷的CSS3复古风格和字体的3D按钮

1

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

我们分享过很多基于CSS3的3D按钮,很多都非常漂亮,例如这篇7款外观迷人的HTML5/CSS3 3D按钮特效文章中就收藏了不少。这次我们要带来一款也是基于CSS3的3D按钮,它有着复古的风格和字体。第一个按钮根据光标在悬停时的位置向左或向右倾斜,它的风格类似于老式游戏机按钮。 ...

阅读(1396)赞 (2)