码迷,mamicode.com
首页 >  
搜索关键字:css3 shadow实现的各种漂亮阴影    ( 9747个结果
CSS3 线性渐变(linear-gradient) 兼容IE8,IE9
一、线性渐变在 Mozilla 下的应用 语法:1 -moz-linear-gradient( [ || ,]? , [, ]* )参数:其共有三个参数,第一个参数表示线性渐变的方向,top 是从上到下、left 是从左到右,如果定义成 left top,那就是从左上角到右下角。第二个和第三个参数....
分类:Web程序   时间:2014-08-22 12:42:56    阅读次数:17927
CSS自学笔记(14):CSS3动画效果
在CSS3中也新增了一些能够对元素创建动画处理的属性。通过这些新增的属性,我们可以实现元素从一种样式变换成另一种样式时为元素添加动态效果,我们就可以取代网页中的动态图片、flash动画和JavaScript了。 CSS3中新增的动画效果的属性以及主流浏览器支持情况 属性浏览器支持 transitio...
分类:Web程序   时间:2014-08-22 12:42:46    阅读次数:315
一个发光的搜索边框(纯CSS3)
这是效果图,边框会不停的闪,兼容各种浏览器HTML代码: 立即搜索 CSS代码:@charset "utf-8";/* CSS Document */b...
分类:Web程序   时间:2014-08-22 12:22:16    阅读次数:233
父节点使用css的transform: translate(0, 0)时position:fixed在chrome浏览器中无效
今天在做移动端的页面,无意间发现了一个Chrome浏览器下的一个bug,在使用CSS3的transform: translate(0, 0)属性对节点A进行位置转化,此时A节点下面有一个字节点B,节点B使用了position:fixed进行了定位,按照常理节点B应该悬挂在浏览器窗口视图上,不会跟随滚...
分类:Web程序   时间:2014-08-22 10:47:25    阅读次数:189
使用HTML5、CSS3和jQuery增强网站用户体验[留存]
记得几年前如果你需要添加一些互动元素到你的网站中用来改善用户体验?是不是立刻就想到了flash实现?这彷佛年代久远的事了。使用现在最流行的Web技术HTML5,CSS3和jQuery,同样也可以实现类似的用户体验。而且使用这些特性将会比使用flash更加有效。也许你可能刚知道Adobe停止开发移动版...
分类:Web程序   时间:2014-08-22 10:31:46    阅读次数:344
css3 data-attribute属性打造漂亮的按钮
之前介绍了几款css3实现的按钮,今天为网友来款比较新鲜的,用css3的data-attribute属性开发按钮,当鼠标经过显示按钮的详细信息。而且实现过程很简单,几行代码就搞定。大家试一试吧。如下图: 在线预览源码下载 不错吧,贴上实现代码: html代码: 爱编程c...
分类:Web程序   时间:2014-08-22 00:20:15    阅读次数:226
Web前端开发人员和设计师必读文章推荐【系列十】
《Web前端开发人员和设计师必读文章推荐系列十》给大家带来最近两个月发布在《梦想天空》的优秀文章,特别推荐给 Web 开发人员和设计师阅读。梦天空博客关注前端开发技术,展示最新HTML5和CSS3技术应用,分享实用的jQuery插件,推荐优秀的网页设计案例,共享精美的设计素材和优秀的 Web 开发工...
分类:Web程序   时间:2014-08-21 20:51:04    阅读次数:363
css3媒体查询判断移动设备横竖屏
/* 设备竖屏时调用该段css代码 */ @media all and (orientation : portrait){ body{ background-color:blue; } } /* 设备横屏时调用该段css代码 */ @media all and (orientation : la.....
分类:移动开发   时间:2014-08-21 18:34:54    阅读次数:345
CSS3 @font-face 的使用
@font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中,随着@font-face模块的出现,我们在Web的开发中使用字体不怕只能使用Web安全字体,你们当中或许有许多人会不自然的问,这样的东西IE能支持吗?当我告诉大家@font-face这个功能早在IE4就支持了...
分类:Web程序   时间:2014-08-21 18:32:24    阅读次数:265
css3 content 生成内容
content一般和:before,:after一起使用,用来生成内容(img和input没有该属性),content的内容一般可以为以下四种:none: 不生成任何值。attr: 插入标签属性值url: 使用指定的绝对或相对地址插入一个外部资源(图像,声频,视频或浏览器支持的其他任何资源)stri...
分类:Web程序   时间:2014-08-21 17:04:14    阅读次数:307
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!