码迷,mamicode.com
首页 >  
搜索关键字:css3 shadow实现的各种漂亮阴影    ( 9747个结果
css3圆形进度条
前几天在网上看到了一个css3的进度条,自己想了下。做了一个。 进度条由4层构成,最下面的一层表示初始状态,我用蓝色的圆形div表示,第二层到第四层用来做进度动画用,第二层的圆是由一个宽高都为0的div,加上border和圆角做出来的,初始状态的时候,border的颜色全都是透明,旋转45...
分类:Web程序   时间:2014-09-06 22:25:53    阅读次数:727
css3 html5 手机设备 列表的弹回和加速移动
21212125 12 343 5345 53 435 ert 345 eg...
分类:移动开发   时间:2014-09-06 17:18:23    阅读次数:423
CSS3实战开发:使用CSS3实现photoshop的过滤效果
原文:CSS3实战开发:使用CSS3实现photoshop的过滤效果我们知道,使用Photoshop来调整图像的亮度和对比度,或者将图片转化为灰度等等是很常见的功能。今天我将给大家介绍几个新特性,我们使用CSS来给web图像添加相同的效果。 首先我们先在网页中显示一张图片,html代码如下: CSS...
分类:Web程序   时间:2014-09-06 12:24:33    阅读次数:222
总结的一些前端开发笔试题
最近正忙于前端的应聘,在网络上搜集了一些问题,顺便结合网络答案,自己也整理了一部分,如有纰漏,还望批评指正。1、请写出至少三个CSS3中新添加的样式属性的名字;(1)增强的文本属性:text-shadow(CSS2.1中已定义,但CSS3中又重新定义并增加了不透明度效果)、text-overflow...
分类:其他好文   时间:2014-09-05 18:08:21    阅读次数:210
SCSS loader effect
制作这个案例前,需要准备这些。 1.掌握scss的使用,当然不用也可以,使用scss会比较高效。 2.掌握利用css3的box-shadow、border、border-radius的实现绘图。 3.掌握css3的动画方法。 4.一些耐心、一些创意(创意可以让你更好) 5.学会解析案例,先看静态图。...
分类:Web程序   时间:2014-09-05 08:46:41    阅读次数:244
CSS3实战开发: 纯CSS实现图片过滤分类显示特效
各位网友大家好,今天我要带领大家开发一个纯CSS的图片分类显示的网址导航,单纯看标题大家可能有些困惑,依照以往惯例,我先给大家演示一下实际运行效果:从上面的运行效果,大家不难发现,当我点击某一菜单时,导航区域会相应高亮显示此分类的图标,而其他图标则会变暗。很多人可能会说,这个这么简单,直接使用jav...
分类:Web程序   时间:2014-09-05 00:55:20    阅读次数:250
纯CSS3实现支持自定义设定的图标
网上有各种用CSS3画图标,画漫画的代码,实在是有点吊!如果能为自己的网站也绘制一套CSS3图标,那么就省去了用小图片的力气。虽然说各大浏览器对CSS3的支持性还不尽相同,但是大势所趋,写写更健康。 首先,我们要做到使用简单,简单到给元素加个类就能使用图标,然后我们还要支持可定制,比如颜色,大小。看下面的代码: CSS3 ICONS 我们只要给...
分类:Web程序   时间:2014-09-04 19:07:50    阅读次数:322
HTML5+CSS3+JQuery打造自定义视频播放器
简介HTML5的标签已经被目前大多数主流浏览器所支持,包括还未正式发布的IE9也声明将支持标签,利用浏览器原生特性嵌入视频有很多好处,所以很多开发者想尽快用上,但是真正使用前还有些问题要考虑,尤其是 Opera/Firefox 和IE/Safari浏览器所支持的视频编码不同的问题,Google几个月...
分类:Web程序   时间:2014-09-04 18:47:49    阅读次数:273
[转]CSS3 Media Query实现响应布局
讲到响应式布局, 相信大家都有一定的了解,响应式布局是今年很流行的一个设计理念,随着移动互联网的盛行,为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果, 设计师提出了响应式布局的设计方案。今天就和大家来讲讲响应式布局这件小事,包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么...
分类:Web程序   时间:2014-09-04 16:49:49    阅读次数:165
纯css3实现tab选项卡
Welcome 菜单一 榜妹:#标配问题#拾文化是哪一天开始运营的?现在有多少关注者?拾文化团队有多少人...
分类:Web程序   时间:2014-09-04 16:23:49    阅读次数:250
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!