CSS3卡通人物弹跳动画

之前我们分享过一些CSS3卡通形象,比如SVG HTML5可爱的小鸟卡通动画。这次我们分享的纯CSS3卡通人物也非常可爱,他们会一直在那里弹跳,弹跳时身体也像弹簧一样运动,感觉非常逼真,具体动画大家可以从演示页面中体验。...
CSS3 CSS3动画

CSS3 Sprite 技术实现僵尸行走动画

走动画是CSS3动画的经典类型之一,今天要分享的这款CSS3僵尸行走动画与之前介绍的纯CSS3人物行走动画和纯CSS3实现大象走路动画不同,它是利用CSS Sprite技术实现的,也就是在同一张图片中绘制僵尸行走的每一帧,然后通过CSS3和JavaScript将这些帧播放,就形成了行走动画特效...
CSS3 Sprite 僵尸行走动画

css3处理sprite背景图压缩来解决H5网页在手机浏览器下图标模糊的问题

最近在负责一个微信H5 App项目,遇到一个郁闷的问题,手机浏览器查看网页时图标都是模糊的,有锯齿,电脑浏览器显示则是正常。 大概知道是分辨率适配等类型的问题,后来网上查找了一些办法,大部分的解决方案都是设计一套放大1倍的图标,再压缩显示。我们都知道img标签可以通过固定宽高的方式来压缩大图,从而得到高清的显示效果,而图标一般用背景图来呈现,怎么搞呢?好吧,css3出了一个很牛逼的属性backgr...
css3 H5网页 sprite

jQuery/CSS3实现拼图效果的相册插件

今天我们要来分享一款很酷的jQuery相册插件,首先相册中的图片会以一定的角度倾斜放置在页面上,点击图片缩略图就可以展开图片,并且图片是由所有缩略图拼接而成,图片展开和收拢的动画效果也非常不错。当然图片倾斜需要CSS3支持。...
jQuery/CSS3 相册插件

CSS3/jQuery实现移动端滑动图片层叠效果

这是一款基于jQuery和CSS3的图片层叠插件,这和我们之前介绍的CSS3图片层叠展开特效有点不同,它支持鼠标滑动切换图片,同时如果在移动端运行的话,也支持触屏滑动来切换图片。这款jQuery图片应用非常适合在手机上使用,效果还不错。...
CSS3/jQuery 层叠效果

HTML5/CSS3图片网格动画特效

HTML5技术可以让网页上的图片变得非常神奇,各种各样的HTML5图片动画特效让你眼花缭乱。今天要分享的这款HTML5图片网格动画特效就非常炫酷。图片缩略图按网格的布局一行行排列,你只需点击按钮即可让这些图片出现不可思议的动画效果,值得一看。...
网格动画 HTML5/CSS3

jQuery和CSS3超逼真的图片放大镜特效

这是一款效果非常逼真的jQuery和CSS3超逼真的图片放大镜特效。该图片放大镜特效使用CSS3的 box-shadow 和 border-radius 实现来制作放大镜的样式,使用jQuery来获取当前鼠标的坐标系,并修改当前坐标系的背景图像。使用方法HTML结构这个图片放大镜特效的HTML结构非常简单,使用一个class 为 magnify 的 div 作为wrapper,里面缩略图直接使用 ...
CSS3 放大镜特效

jQuery/CSS3 3D焦点图动画 多种炫酷图片切换特效

之前我们已经向大家分享过很多基于jQuery和CSS3的3D焦点图动画插件,比如jQuery带爆炸特效的焦点图动画和HTML5全屏3D图片展示特效,今天要分享的这款jQuery 3D焦点图动画也非常不错,有好几种炫酷的3D图片切换动画,可以为你的焦点图播放器增添不少光彩。...
jQuery/CSS3 切换特效 3D焦点图

HTML5/CSS3图片网格动画特效

HTML5技术可以让网页上的图片变得非常神奇,各种各样的HTML5图片动画特效让你眼花缭乱。今天要分享的这款HTML5图片网格动画特效就非常炫酷。图片缩略图按网格的布局一行行排列,你只需点击按钮即可让这些图片出现不可思议的动画效果,值得一看。...
HTML5/CSS3 网格动画 jquery插件

HTML5/CSS3古典纸扇动画

各位HTML5爱好者注意了,今天要给大家分享一款很有意思的HTML5动画,它是一把古典的纸扇动画,纸扇可以自动展开和收拢,并且厉害的是,利用CSS3和HTML5特性,纸扇还可以模拟扇动的效果,非常有意思。...
HTML5/CSS3 古典纸扇动画