码迷,mamicode.com
首页 >  
搜索关键字:css3 shadow实现的各种漂亮阴影    ( 9747个结果
css3之选择器
这些选择器还是比较简单的,就不再此一一举例样式了.还有随着各种浏览器的升级,也不在此讨论各种版本的浏览器对于属性样式的兼容和支持问题久了.一:属性选择器[attr=val]:属性attr是val;[attr*=val]:属性attr中包含val;[attr^=val]:属性attr中开头是val;[...
分类:Web程序   时间:2014-07-18 19:35:34    阅读次数:262
css3的滤镜模糊的效果
最近在做一个css3的滤镜模糊的效果,但是我发现,有些浏览器一点效果都没有,这是浏览器兼容性导致的,怕今后会忘记所以就先写下来,也希望可以帮到需要的小伙伴。代码如下: div{//设置半透明滤镜效果 opacity: 0.5; filter:alpha(Opacity=50); }1、...
分类:Web程序   时间:2014-07-18 19:13:49    阅读次数:473
CSS3盒模型display:-webkit-box;的使用
box-flex是css3新添加的盒子模型属性,它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持,但可以使用它们的私有属性定义firefox(...
分类:Web程序   时间:2014-07-18 15:23:41    阅读次数:337
CSS3的自定义字体@font-face:将图片ICON转为字体
大家都知道现在各个浏览器都支持CSS3的自定义字体(@font-face),包括IE6都支持,只是各自对字体文件格式的支持不太一样。那么对于网站中用到的各种icon,我们就可以尝试使用font来实现,本文将详细讲解这种用法。为什么要将icon做成字体?在很多网站项目中,我们常常会用到各种透明小图标,...
分类:Web程序   时间:2014-07-18 09:24:50    阅读次数:294
8个前沿的 HTML5 & CSS3 效果【附源码下载】
作为一个前沿的 Web 开发者,对于 HTML5 和 CSS3 技术或多或少都有掌握。前几年这些新技术刚萌芽的时候,开发者们已经使用它们来小试牛刀了,如今这些先进技术已经遍地开发,特别是在移动端大显身手。这篇文章挑选了8个前沿的 HTML5 & CSS3 效果,记得收藏哦:)
分类:Web程序   时间:2014-07-18 08:06:43    阅读次数:315
CSS3前缀
我们经常会遇到写的有些css3属性会在不同的浏览器下呈现不兼容的情况,那是因为浏览器内核不同而导致的兼容性问题。 首先我们需要先了解一下目前的几种现代浏览器的内核,主流内容主要有Mozilla(熟悉的有Firefox浏览器),WebKit(熟悉的有Chrome,Safari等浏览器),Triden....
分类:Web程序   时间:2014-07-17 22:39:55    阅读次数:437
做动画的一大接口 requestAnimationFrame
要实现动画效果,可以有以下几种实现:1.setInterval setTimeout2.css3 transition3.requestAnimationFramerequestAnimationFrame是浏览器自带的api,传入参数为动画效果的执行函数。因为是浏览器自带的函数,所以执行动画的频率...
分类:其他好文   时间:2014-07-17 22:30:58    阅读次数:242
关于响应式布局
随着互联网的快速发展,以及html5+css3的迅速崛起。渐渐的响应式布局,也会慢慢的出现在我们的视野里,身为专业的web前端,还不学习新技术你就out啦!为什么这样说呢?因为响应式布局能同时兼容多个终端,比如(手机、平板、PC)做一个网站转眼间就可以变成3个网站,和现在相比是不是更加具有优势呢! 可能有些人对“什么是响应式布局”还不是很了解,下面就跟大家简单说下什么是响应式布局: 响...
分类:其他好文   时间:2014-07-17 15:06:15    阅读次数:225
【CSS3绘画】CSS3制作出来的Opera浏览器Logo
[CSS3绘画] CSS3制作出来的Opera浏览器Logo 支持浏览器 chrome、firefox、360原地址查看:http://www.w3cfuns.com/thr...
分类:Web程序   时间:2014-07-17 14:15:21    阅读次数:213
超漂亮的CSS3按钮制作教程分享
利用CSS3属性制作按钮,我们只需要用到Gradient属性,不用使用任何图片素材和JavaScript代码,仅仅通过CSS就能制作出好看的渐变按钮。按钮的大小可以通过CSS属性就能轻松的修改,而且它可以使用html的很多标签来制作,比如div,button,span,a,input[‘submit...
分类:Web程序   时间:2014-07-17 11:15:18    阅读次数:345
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!