最近更新

CSS3案例集09:五光十色的变色龙动画

CSS3案例集09:五光十色的变色龙动画
比起上一个弹跳的小球动画,我觉得这个变色龙动画更炫酷一些,当时看到百度这个效果的时候也是感到非常棒,于是自己仿做了一个案例,素材来自于百度浏览器产品发布页。查看效果下载地址↓链接:http://pan...

CSS3案例集08:弹跳的小球动画

CSS3案例集08:弹跳的小球动画
平时喜欢逛各大网站的专题版面,或者产品发布页面,因为可以看到很多炫酷的页面效果。这个案例的素材来自于百度浏览器的发布页面,以及下一个案例“变色龙动画”都是来自于百度浏览器,虽然我是谷歌浏览器的忠实用户...

CSS3案例集07:纯CSS3水平导航下拉动画菜单

CSS3案例集07:纯CSS3水平导航下拉动画菜单
在早期做下拉菜单的时候,因为IE6不支持li:hover这样的用法,导致必须要用一段JavaScript才能兼容IE6。但是现在随着浏览器的革新和技术的发展,已经可以不用考虑这个兼容性了,因为IE7以...

CSS3案例集06:纯CSS3绘制卡通风景画

CSS3案例集06:纯CSS3绘制卡通风景画
在几年前,如果想在网页中添加阴影或者圆角等效果,都必须使用png图片才能完成。 CSS3提供的box-shadow、text-shadow、border-radius等属性,...

CSS3案例集05:飘动的云和热气球

CSS3案例集05:飘动的云和热气球
这个案例的素材来自于htmleaf,要实现这个效果有好几种方法,在这里为了表现出CSS3的多重背景,以及可以用background-position做动画,选用了这种方法。查看效果下载地址链接: ht...

CSS3案例集04:斑马条纹的渐变圆角表格

CSS3案例集04:斑马条纹的渐变圆角表格
利用CSS3提供的伪类选择器,特别是子元素选择器nth-child,作出斑马条纹的表格再也不是难事了,而且利用nth-child(αn+β)这样的表达式可以实现分组的效果,棒呆!查看效果下载地址链接:...

学ps,你应该知道的《PS礼仪手册》!

好东西要分享!无意之间在美丫姐分享的文章中发现了《PS礼仪手册》,一眼就看出这是个好东西。很多人用了好几年ps,你看他的源文件的时候都要强忍一腔怒火,为什么呢,你看完这个手册再来回复:你中了几条?整个手册从文件管理、图层、图片、字体、特效、练习、测试、导出这些方面进行了统一的规范,规范可以让我们更高...

CSS3案例集03:仿360安全卫士首屏

CSS3案例集03:仿360安全卫士首屏
仿360安全卫士首屏这个案例主要是利用多重背景和通过背景定位(css sprite)完成按钮的变化效果。布局上主要是相对和绝对定位。结合一点animation和transition动画效果完成。其中有...

zblog通过自定义模块添加百度搜索

zblog后台的模块管理分为好几块,一个系统模块,这个是写死的,如果要改的话,一般要激活“禁止系统自动更新模块”。还有用户自定义的模块,可以随意放在侧边栏上,也可以调用。主题和插件生成的模块也一般是用来侧边栏调用的。好多插件生成的模块都不知道放在什么地方了,更不知道如何修改文件。最后一种是灵活度很好...

CSS3案例集02:漂亮的人像相册集

CSS3案例集02:漂亮的人像相册集
查看效果 下载地址 链接: https://pan.baidu.com/s/1i4JQpzn 密码: 78mj 一...

CSS3案例集01:加载外部字体和文字排版

CSS3案例集01:加载外部字体和文字排版
文字排版是网页布局里面需要掌握的第一种技能。该案例主要涉及以下几个知识点:1、标题导入外部字体2、首行首字文字变大3、段落两端对齐具体效果如图:查看效果下载地址↓链接: https://pan.bai...

jquery插件推荐:Unslider超小的轮播,支持鼠标经过停止播放和响应式

图片轮播插件有很多,今天发现自己网站的幻灯片鼠标经过不能停止播放,还没有看清楚banner上的内容呢,就播放下一张图片了,很是郁闷。就想着能不能找一个鼠标经过停止播放的轮播插件呢,无意间发现站酷的轮播banner图就是可以停止的,然后翻了一下它的源码,发现了一个名字叫Unslider的js文件,百度...
Top