码迷,mamicode.com
首页 >  
搜索关键字:css3 css    ( 58819个结果
css3 media媒体查询器用法总结
随着响应式设计模型的诞生,Web网站又要发生翻天腹地的改革浪潮,可能有些人会觉得在国内IE6用户居高不下的情况下,这些新的技术还不会广泛的蔓延下 去,那你就错了,如今淘宝,凡客,携程等等公司都已经在大胆的尝试了这项技术,并完美的应用在了自己的网站上了。再不更新知识你就老了。我今天就总结一下响应式.....
分类:Web程序   时间:2014-05-09 12:32:47    阅读次数:355
CSS3实现边框锯齿效果
通过CSS3的linear-gradient实现的.bg{width:300px;height:50px;background:#caca8c;background-image:-webkit-gradient(linear,50%0,0100%,from(transparent),color-st...
分类:Web程序   时间:2014-05-09 12:28:39    阅读次数:4486
CSS3+HTML5特效7 - 特殊的 Loading 效果
效果如下实现原理:利用CSS3的@keyframes规则创建动画效果;使用CSS3的animation效果完成滚动切换。代码说明:样式表中@-webkit-keyframes及@keyframes定义了旋转360度的操作;样式表中.border div定义了div的基本样式,红色的10px圆形;10...
分类:Web程序   时间:2014-05-09 12:14:49    阅读次数:325
超级漂亮的CSS后台模板下载
分类:Web程序   时间:2014-05-09 12:06:40    阅读次数:483
一款成熟的前端框架——Bootstrap
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推.....
分类:其他好文   时间:2014-05-09 12:06:08    阅读次数:340
纯css实现文字及图片水平垂直居中
1、图片及文字水平居中只需要加上text-align:center即可;2、单行文本垂直居中,高度等于行高即可;3、多行文本及图片垂直居中: 需要在外面嵌套两层,第一层设置固定高度height,和display:table;第二层加上display:table-cell;vertical-align...
分类:Web程序   时间:2014-05-09 12:01:19    阅读次数:359
纯CSS3彩色边线3D立体按钮制作教程
原文:纯CSS3彩色边线3D立体按钮制作教程今天我们来分享一款利用纯CSS3实现的3D按钮,这款按钮的一个特点是有彩色的边线,这让整个按钮显得比较多姿多彩,没那么枯燥无趣。本文不仅可以让大家看到演示效果,而且我们把制作教程也分享出来,首先来看看效果图:我们也可以在这里看到这些按钮的DEMO演示。接下...
分类:Web程序   时间:2014-05-09 11:59:20    阅读次数:396
ASP.NET MVC 4 (十一) Bundles和显示模式
Bundles用于打包CSS和javascript脚本文件,优化对它们的组织管理。显示模式则允许我们为不同的设备显示不同的视图。默认脚本库在VS创建一个MVC工程,VS会为我们在scripts目录下添加很多脚本库,下面来简单了解下这些脚本库的作用:脚本文件说明jquery-1.7.1.jsjquer...
分类:Web程序   时间:2014-05-09 11:13:56    阅读次数:429
【项目总结】扯一扯电商网站前端css的整体架构设计(1)
最近半忙不忙的写了一个外包网站,网站主要功能是艺术品竞拍和艺术衍生品的销售。工程已经完成了80%左右,现在前后端代码量已经50W行左右,我主要负责的是前端设计和前端布局。下面就先放一个网站的设计图吧,因为涉及到甲方的“商业机密”,所以打一下马赛克: 这篇文章主要算是我对于这个项目的总结...
分类:Web程序   时间:2014-05-08 21:33:34    阅读次数:419
通过CSS实现小动物
此例演示的是通过CSS实现动物头像,效果如下:好了,上代码:html代码: 1 2 3 4 纯CSS3实现的小动物 5 6 7 8 13 14 15 ...
分类:Web程序   时间:2014-05-08 20:48:27    阅读次数:542
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!