炫酷的jQuery可拖拽放大镜动画

之前我们分享过几款非常不错的jQuery/CSS3放大镜动画,比如这款jQuery球状放大镜特效插件HTML5点阵列局部放大镜动画特效都非常不错。这次我们要分享的也是一款炫酷的jQuery可拖拽放大镜动画,拖拽放大镜在页面上移动,则可以让隐藏在黑夜中的东西显示在放大镜上。

jquery-glasses-animation

在线演示源码下载

纯CSS3表情切换样式的开关切换按钮

最近我们分享过很多款富有创意的CSS3开关切换按钮,比如这款漂亮的纯CSS3开关切换按钮动画和这款纯CSS3可爱笑脸开关切换按钮,这次我们要给大家带来的这款开关切换按钮同样也很富有创意,它是纯CSS3实现的表情样式,点击时会在笑脸和哭脸之间切换,同时还会不断眨眼睛。

pure-css3-face-style-switch

在线演示源码下载

纯CSS3下拉菜单导航 子菜单多种展开动画

这是一款非常漂亮的纯CSS3下拉菜单导航,这款菜单有两大亮点,一个是唯美的全屏背景图,非常适合个性化的个人博客使用。另外一个特点是子菜单拥有多种展开动画方式,有简单的淡入淡出,也有炫酷的折叠式展开。并且这款菜单时纯CSS实现,使用起来相当方便。

pure-css3-dropdown-menu-animation

在线演示源码下载

HTML5 Canvas 图片粒子沙漏动画

之前我们分享过很多款炫酷的HTML5 Canvas粒子动画,比如这款HTML5 Canvas 多种炫酷3D粒子图形动画HTML5 Canvas文字粒子动画就都非常不错。这次我们要给大家带来的是一款基于HTML5 Canvas的图片粒子沙漏动画,主要是将一张图片打散成粒子,然后模拟沙漏将图片粒子掉落下来。

html5-canvas-image-flow-time

在线演示源码下载

基于Vue.js的Tooltip用户通知弹出框

之前我们分享过一些比较实用的jQuery/CSS3 Tooltip弹出框,大部分都是鼠标滑过链接文字或者按钮时弹出一个提示层,比如这款jQuery Tooltip气泡提示框插件就拥有多种风格让你选择。这次我们要带来另外一款Tooltip用户通知弹出框插件,基于Vue.js,它的特点是与其他tooltip不同,它更侧重于用户通知功能,因此我们可以直接将这款插件集成到自己的系统中提供用户通知功能。

vuejs-tooltip-notification

在线演示源码下载

纯CSS3实现风浪中前行的3D海盗船

记得早些时候我们分享过一款基于SVG的轮船行驶动画,画面还是挺逼真的。这次我们要分享另外一款基于纯CSS3的3D海盗船动画,该动画分两部分,一个是用CSS3绘制的海盗船外观,船帆还会迎风抖动,还有一个便是海面,船只在海面上迎风前行,非常逼真。

pure-css3-3d-pirates

在线演示源码下载

HTML5/CSS3炫酷阴影发光文字特效组合

今天我们要给大家介绍一款非常炫酷的HTML5/CSS3阴影文字特效,一共有9组不同的样式,这9组文字中,除了有不同的字体外,每一组的文字阴影和文字放光颜色都不同,看起来都十分漂亮,遗憾的是,中文并没有那么漂亮的字体了。

html5-css3-shadow-shine-text

在线演示源码下载

HTML5/CSS3实现四季更替过渡动画

采用HTML5和CSS3技术我们可以实现很多色彩变幻和情景过渡动画效果,之前分享的这款HTML5 SVG天气预报动画卡片就是一个很不错的例子。这次我们带来的是一款基于HTML5和CSS3的四季更替过渡动画特效,一副简单的森林景象伴随着春夏秋冬四季更替,每一个季节都展现出各自的唯美风景,非常的不错。

html5-css3-animated-seasons

在线演示源码下载

漂亮的纯CSS3开关切换按钮动画

之前我们为大家分享过很多款各式各样的CSS3开关切换按钮,很多还是非常富有创意的,比如这里的多组超具创意的CSS3开关切换按钮纯CSS3灯光开关动画。今天我们要带来另外一款外观很漂亮的纯CSS3开关切换按钮动画,它模拟了电灯的开关,并且在开和关之间切换时按钮的背景会有不同的变化,看起来非常不错。

pure-css3-pretty-switch-button

在线演示源码下载

jQuery模拟iPhone X上拉刷新特效

前面我们分享过一款jQuery模拟iPhone X的Notch下拉滚动条菜单,算是模拟iphone中比较经典的一款特效。今天我们要介绍的这款同样是模拟iPhone X的特效,它有着iPhone X的外观,同时上拉页面可以刷新信息,信息在展现时会有翻转显示的动画特效。

jquery-iphone-x-pull-refresh

在线演示源码下载