纯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

在线演示源码下载

jQuery/CSS3淡入淡出动画的多级下拉菜单

今天我们要给大家介绍一款非常不错的jQuery多级下拉菜单,它的特点是菜单在弹出下拉菜单项时,菜单项将会以淡入的动画方式显示,同样下拉菜单在隐藏时,菜单项又会以淡出的动画方式消失。这其中便是使用了CSS3的相关动画特性,才让这款实用的jQuery下拉菜单变得如此有味道。

jquery-css3-dropdown-menu-fadein

在线演示源码下载

HTML5/CSS3圆盘时钟动画 带时钟滴答声音

之前我们分享过很多款样式各异的HTML5圆盘时钟,比如这篇文章《15个超强悍的CSS3圆盘时钟动画赏析》中我们收集了很多。今天我们要继续为大家分享一款基于HTML5和CSS3的圆盘时钟动画,它的特点是圆盘时钟侧边带有实时更新的数字时钟,而且时钟在走动时还会发出滴答滴答的声音。

html5-css3-dida-clock

在线演示源码下载