作者归档:sxwgf

jQuery自定义下拉框选择菜单 支持右键弹出菜单

之前我们分享过几款简单的jQuery右键菜单插件,比如超实用jQuery右键菜单 可自定义菜单弹出区域基于Bootstrap外观的JavaScript右键菜单插件,都比较实用。这次我们要分享一款基于jQuery的自定义下拉框选择菜单,这款下拉菜单同样也支持弹出右键菜单,同时,这款菜单还支持搜索过滤菜单项,功能无比的强大,你可以下载源码试试。

jquery-dropdown-contextmenu

在线演示源码下载

炫酷实用的CSS3 3D垂直手风琴菜单

之前我们分享过很多款基于CSS3和jQuery的手风琴菜单,比如这款jQuery带小图标手风琴垂直菜单纯CSS3实现垂直手风琴菜单都非常不错。但是今天要分享的这款手风琴菜单比较特别,整体外观呈现3D的视觉效果,切换菜单项时,菜单项也出现3D的切换效果,所以说这款CSS3手风琴菜单不仅外观高大上,而且也挺实用。

css3-3d-accordion-menu

在线演示源码下载

SVG玫瑰花盛开动画

SVG还是很强大的,我们之前也分享过很多利用SVG绘制出来的各种动画特效。比如超炫酷的SVG轮船行驶动画HTML5 SVG圆形钢琴动画都是用SVG实现的超酷动画。今天我们要分享另外一款基于SVG的玫瑰花盛开动画,当鼠标滑过玫瑰花时,玫瑰花就会缓缓盛开,情景非常浪漫。

svg-bloom-rose

在线演示源码下载

jQuery/CSS3动感实用的进度条插件 10种漂亮外观

最近这两天一直在为大家分享一些HTML5、CSS和SVG的炫酷动画,说实在并不是特别实用。这次我们来介绍一款实用的jQuery进度条插件,这款jQuery进度条插件的外观利用了CSS3的特性,让进度条外观显得非常时尚漂亮,一共有10种样式,非常实用。

jquery-css3-10-progressbar

在线演示源码下载

HTML5 Canvas 蓝色3D钻石旋转动画

今天我们要在HTML5 Canvas画布上绘制一颗高贵典雅的蓝色3D钻石,我们在Canvas画布上通过绘制很多个不同大小的多边形组成了一颗钻石,然后通过CSS3的颜色渐变特性让钻石的表面产生白色发光的特效,同样再利用CSS3的动画属性让钻石不停地旋转,展现出3D的视觉效果,非常炫酷。

html5-canvas-3d-diamond

在线演示源码下载

jQuery/CSS3天气预报插件 可切换城市

之前我们向大家分享过一款非常高端的HTML5 SVG天气预报动画卡片,可以对不同的天气模拟相应的画面。今天我们要介绍的同样是一个播报天气预报的界面,使用jQuery和CSS3技术实现,与前一个不同的是,这款jQuery天气预报插件的特点在于可以动态切换城市,通过天气预报网站相关接口数据的读取来显示不同城市的天气情况,同时插件还可以设置天气预报界面需要显示的相关元素。

jquery-css3-city-weather

在线演示源码下载

7款超华丽的HTML5 Canvas文字动画特效

文字是网页中最为常见的元素之一,当然我们使用最多的就是调整文字的颜色、大小等基本属性。有时候我们在一些活动页面上需要展示特别样式的文字效果,这时候我们就可以利用HTML5或者CSS3结合的方式来渲染文字的动画特效。本文就总结了7款超华丽的HTML5 Canvas文字动画特效,可以让你的页面更加的活灵活现,充满梦幻的色彩。

1、HTML5 Canvas幻彩火焰文字特效

之前我们分享过很多基于HTML5 Canvas的火焰渲染动画特效,比如这款HTML5 Canvas炫酷的火焰风暴动画和这个HTML5动感的火焰燃烧动画特效。这次来分享一款很特别的HTML5文字特效,文字同时是利用火焰来渲染的,并且燃烧的文字火焰还可以随时改变颜色,让文字更显幻彩。

html5-canvas-colorful-text

在线演示   源码下载

2、超华丽CSS3 3D五彩发光文字动画

不久前我们已经为大家介绍过一些炫酷的CSS3文字动画和HTML5文字特效,有些都非常不错,比如最近刚分享的CSS3文字跳动旋转动画以及HTML5 Canvas幻彩火焰文字特效。这次我们要来看一款纯CSS3实现的3D五彩发光文字动画,文字呈现3D立体的视觉效果,[......]

阅读全文>>

超华丽CSS3 3D五彩发光文字动画

不久前我们已经为大家介绍过一些炫酷的CSS3文字动画和HTML5文字特效,有些都非常不错,比如最近刚分享的CSS3文字跳动旋转动画以及HTML5 Canvas幻彩火焰文字特效。这次我们要来看一款纯CSS3实现的3D五彩发光文字动画,文字呈现3D立体的视觉效果,同时定时会变换字体颜色,并且文字周围微微带有发光的效果,这样就更加体现出3D的动画效果了。

css3-3d-shine-text

在线演示源码下载

纯CSS3五彩3D金字塔动画

这是一款基于纯CSS3的3D金字塔动画,首先动画将金字塔一层层搭建上去,一共有5层,搭建完成后再每一层渲染5种不同的颜色,而且整个过程金字塔都会不停地旋转,从而让我们可以从不同的角度观察它,显示出3D立体的视觉效果。

pure-css3-colorful-pyramid

在线演示源码下载

HTML5/CSS3 3D木头人行走动画

今天我们要为大家分享一款基于纯CSS3的3D木头人行走动画,关于人物行走动画,我们在以前也介绍过一些,最为经典的要算这款纯CSS3人物行走动画。今天的这款人物行走动画也是基于CSS3和HTML5实现,不同的是,这款是一个3D的木头人,我们可以通过拖拽鼠标来从不同的角度观察这个人物行走情况,是不是觉得CSS3很酷?

css3-3d-walking-men

在线演示源码下载