作者归档:sxwgf

CSS3实现漂亮的3D线条按钮

有一段时间没有给大家分享漂亮的网页按钮了,这次要给大家带来一款外观非常新颖的CSS3线条3D按钮,一共有2组样式,每一组都是用纯CSS实现,鼠标滑过按钮时,按钮就会出现漂亮的线条,从而让按钮显得非常有立体感,线条的颜色也可以根据自己的喜好自定义选择。

css3-3d-line-button

在线演示源码下载

HTML5浪漫爱心表白动画

今天上一个对程序员非常重要的表白神器,一个基于HTML5的浪漫爱心表白动画,写上你表白对象的名字,名字周围即会出现许多闪亮的爱心,并围绕成一个大的爱心,大爱心会跟随鼠标一起旋转,动画效果非常不错。

html5-heart-explain

在线演示源码下载

CSS3实现答题卡片抽取切换动画

之前我们分享过一些基于CSS3和jQuery的卡片动画,比如这款HTML5/CSS3卡片抽出动画CSS3/jQuery实现移动端滑动图片层叠效果。今天要介绍的也是一款基于CSS3的答题卡片抽取切换动画,当你答完一题后,答题卡就会抽出,新的答题卡就会切换成当前页面,动画效果非常不错。

css3-card-siphon-slider

在线演示源码下载

jQuery俄罗斯方块游戏动画

记得之前为大家介绍过一款HTML5/CSS3简易版俄罗斯方块游戏,经典值得回味。今天我们同样要再分享一款基于jQuery的俄罗斯方块游戏,这款俄罗斯方块游戏同样支持难度自动提升、累计积分等功能,唯一的问题就是未能处理好浏览器中的向上和向下箭头的兼容,建议对JS熟悉的朋友可以自行修改游戏按键以避开上下键。

jquery-tetris-game

在线演示源码下载

jQuery网页音乐播放器 支持歌曲播放列表

之前我们为大家分享过很多基于jQuery和HTML5的音乐播放器,比如这款质感炫酷的HTML5音乐播放器jQuery迷人音乐播放器jPlayer,效果都非常不错,而且也比较实用。今天要介绍的同样是一款网页音乐播放器,它拥有音乐播放器大部分的功能,更重要的是它支持歌曲播放列表,适合将这款播放器放到个人博客中去,非常实用。

jquery-music-player-list

在线演示源码下载

近50个纯CSS3绘制的图形和图标动画

CSS3确实非常强大,我们之前也领略过CSS3绘制的各种图形和实现的各种动画,比如非常逼真的CSS3人物行走动画,也比如这100多个纯CSS3动画图标。今天要分享的是用纯CSS3绘制的50多个图形和图标,有些图形还带有动画特效,与之前的100的小图标相比,这次的图形更为复杂,当然也更加漂亮。

css3-graph-icon

在线演示源码下载

灵活高效的jQuery颜色拾取插件

这次我们要给大家介绍一个基于jQuery的颜色拾取插件,它的功能非常简单,就是在网页中选取颜色,但是插件的使用却非常灵活,可以点击文本框弹出颜色拾取控件,也可以点击按钮弹出控件,另外你也可以同时选取多种颜色。

jquery-big-colorpicker

在线演示源码下载

超炫酷实用的动画插件anime.js实例分享

今天我们要为大家介绍一个基于JavaScript的动画插件anime.js,利用anime.js我们可以非常方便地实现各种各样的网页动画,比如元素的移动和旋转、轨迹运动等。本文就挑选了几个anime.js中最为典型的动画作为实例分享给大家。

animejs-plugin

在线演示源码下载

HTML5移动端外观时尚的日期时间选择控件

之前我们介绍过很多基于jQuery的日期时间选择控件,比如这款基于Bootstrap和jQuery的日历控件和日期选择插件,也介绍过一些基于HTML5和CSS3的日历控件,比如这款华丽的HTML5日期选择器。今天我们要分享一款基于HTML5的移动端日期时间选择控件,它的外观比较特别,适合移动设备中使用,当然PC端用起来也非常不错。

html5-mobile-datetime-picker

在线演示源码下载

CSS 3D 可嵌套多层立方体图片墙

之前我们为大家分享过几个基于HTML5和CSS3的3D立方体动画,比如CSS3 3D立方体图片墙 可拖拽360度旋转HTML5 3D立方体旋转动画。今天我们要介绍的也是一款CSS3 3D立方体图片墙,它与其他不同的是,立方体中可以嵌套小的立方体,动画效果非常不错。

css3-3d-mult-cube-image

在线演示源码下载