随笔分类 -  css

上一页 1 2 3 下一页
css document
一个简单版的波纹css3动画
摘要：ul{width: 300px;border: red;}ul li{width: 300px;height: 70px;line-height: 70px;background: #fff;text-align: center;cursor: pointer;overflow: hidden;bo 阅读全文
posted @ 2016-05-10 16:46 杨杨0708 阅读(5199) 评论(0) 推荐(0)
CSS3动画效果——js调用css动画属性并回调处理详解
摘要：http://www.jb51.net/css/258407.html 这篇文章主要详细介绍了CSS3动画效果回调处理,需要的朋友可以参考下 我们在做js动画的时候，很多时候都需要做回调处理，如在一个动画完成后触发一个事件、一个动画完成后执行另外一个动画等等，但在使用CSS3动画时能不能捕获到运动 阅读全文
posted @ 2016-05-10 15:49 杨杨0708 阅读(8485) 评论(0) 推荐(0)
CSS3 :target伪类实现Tab切换效果 BY commy
摘要：http://www.shejidaren.com/examples/css3-target/css3-target.html#tab1 标签一 标签二 标签三 欢迎加设计达人Q群：50063010设计达人以原创和分享一些高质量的设计文章为主，希望喜欢！ 本Tab切换效果纯CSS3制作，无任何Jav 阅读全文
posted @ 2016-05-10 15:37 杨杨0708 阅读(297) 评论(0) 推荐(0)
css :active伪类的理解
摘要：/*active伪类为点击鼠标按下去还没松开鼠标的那一瞬间的事件*/ 阅读全文
posted @ 2016-05-10 15:36 杨杨0708 阅读(254) 评论(0) 推荐(0)
CSS3 :target伪类的理解与使用
摘要：CSS3 :target伪类用来改变页面中锚链接URL所指向的ID元素的样式，例如你要改变描链接指向#tab的元素字体颜色为蓝色，哪么你可以这样写成#tab:target {color:blue} 浏览器支持： 不支持IE8及以下的IE版本，IE9支持这个属性，其它非IE内核浏览器如：Firefox 阅读全文
posted @ 2016-05-10 15:35 杨杨0708 阅读(2308) 评论(0) 推荐(1)
最简化模型2——css3分阶段动画效果(经过实测)之转动的div
摘要：@keyframes mymove{ 0%{top: 0;left: 0;transform:rotate(50deg);} 10%{top: 100px;left: 50px;transform:rotate(80deg);} 20%{top: 300px;left: 40px;transform 阅读全文
posted @ 2016-05-10 14:52 杨杨0708 阅读(203) 评论(0) 推荐(0)
最简化模型——css3分阶段动画效果(经过实测)
摘要：body { background: #dcdcdc; -webkit-animation: colorin 5s; /* chrome调用属性 */ animation: colorin 5s; /* firefox可调用的属性，最基本的要给出动画帧的名称和持续时间，才会有动画效果 */}@-we 阅读全文
posted @ 2016-05-10 14:45 杨杨0708 阅读(565) 评论(0) 推荐(0)
绝对牛逼的网上矢量图标搜索下载网址——阿里巴巴矢量图
摘要：http://www.iconfont.cn——阿里巴巴矢量图 需要什么图标在上面一搜，就出来了你想要的icon，下载下来就可以用了，非常方便。 阅读全文
posted @ 2016-05-06 13:24 杨杨0708 阅读(596) 评论(0) 推荐(0)
让div显示在屏幕中央的css代码段
摘要：.popup{ width:500px; height:400px; position:absolute; top:50%; left:50%; margin-top:-200px; /*注意：这里的上，左边距的偏移是关键，一定要是height值的一半*/ margin-left:-250px; / 阅读全文
posted @ 2016-04-22 11:15 杨杨0708 阅读(1666) 评论(0) 推荐(0)
在线查找图标的好站
摘要：阿里巴巴矢量图：http://www.iconfont.cn/search?q=已阅 阅读全文
posted @ 2016-04-21 14:26 杨杨0708 阅读(154) 评论(0) 推荐(0)
IE6中让png的icon图标也透明的完整代码段
摘要：一个引用了在IE6中让img图标也可引用png图片的js插件代码的html是这样写的，兼容IE6： <a class="btn btn-select" href="javascript:fensong_addaccept()"> <img src="__STATIC__/yjj/images/16. 阅读全文
posted @ 2016-03-17 11:19 杨杨0708 阅读(460) 评论(0) 推荐(0)
IE6滤镜在实战测试中能让父层里面的子元素产生阴影
摘要：1、写法一： <div class="cornerbg"> <p class="title-file"> </p> ...... </div> .cornerbg{width: 992px;height: 659px;background: #fff;border-radius: 10px;box- 阅读全文
posted @ 2016-03-16 15:18 杨杨0708 阅读(236) 评论(0) 推荐(0)
IE6-能让png图片有透明效果的js代码
摘要：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html lang="en"><head> <meta http-equiv="Content 阅读全文
posted @ 2016-03-16 13:48 杨杨0708 阅读(765) 评论(0) 推荐(0)
IE6下完美兼容css3圆角和阴影属性的htc插件PIE.htc
摘要：1、(推荐：)css插件PIE.htc，这个才是真正完美兼容css3的圆角和阴影属性在IE6环境下使用的效果，但要注意的是：下面的代码必须写在html文件的head标签内，否则无效(不能从外部引用下面的css代码)，源码是：<style type='text/css'> .bgtest { back 阅读全文
posted @ 2016-03-15 14:06 杨杨0708 阅读(581) 评论(0) 推荐(0)
小结IE6的坑
摘要：1、z-index在position:relative/absolute等定位属性设置后还是无效，会导致top栏的导航栏目的子菜单被下面的层遮住，无法显示；解决办法：？http://www.wufangbo.com/ie6-ie7-z-index-bug/就是被子导航列表覆盖的层绝对不能设置为相对定 阅读全文
posted @ 2016-03-07 15:57 杨杨0708 阅读(417) 评论(0) 推荐(0)
基于jquery 封装的 select 小控件，解决 IE6 7 8里 select 边框 高度 无法遮挡等问题
摘要：一、基本原理 select控件在浏览器中是个永远的痛，不同的版本解析出来的可谓五花八门。主要有以下问题： 1,IE6中无法设置高度，Z INDEX永远在最上，无法被其它层遮挡 2,IE7中可以设置高度，但是实际显示高度永远是那么一点点高，下面留出大量的空白 3,IE8中高度可以设置，但文字不居中，L 阅读全文
posted @ 2016-03-07 15:27 杨杨0708 阅读(281) 评论(0) 推荐(0)
让表格table呈现边框，不用给tr、td加边框的写法
摘要：<table width="100%" cellspacing="1" cellpadding="1" bgcolor="#d0d8da"> cellspacing="1" cellpadding="1"联合起来表示1px边框的表格，如果将这两个1改成0，将无边框 bgcolor="#d0d8da" 阅读全文
posted @ 2016-03-04 16:48 杨杨0708 阅读(728) 评论(0) 推荐(0)
ie6和ie7下z-index bug的解决办法
摘要：一、匆匆带过的概念 关于CSS中层级z-index的定义啊什么的不是本文的重点，不会花费过多篇幅详细讲述。这里就简单带过，z-index伴随着层的概念产生的。网页 中，层的概念与photoshop或是flash中层的概念是一致的。熟悉photoshop或是flash的应该知道，层级越高（图层越靠上） 阅读全文
posted @ 2016-03-02 09:54 杨杨0708 阅读(193) 评论(0) 推荐(0)
关于IE6、IE7、IE8实现盒子阴影shadow的几个注意点
摘要：通常，我们实现盒阴影都是通过这段代码来实现的 但是，IE6、7、8不认识这段样式，所以我们会考虑用滤镜来实现这功能 其实如果要求不是那么苛刻的话，IE下用滤镜已经能达到我们要的效果了。当然，如果你觉得滤镜不那么完美，非要用图片去实现，那也可以，就不用继续往下读我要说明的几个注意点了。 首先，滤镜里的 阅读全文
posted @ 2016-03-01 11:32 杨杨0708 阅读(805) 评论(0) 推荐(0)
兼容ie6及以上的阴影滤镜的写法
摘要：.subnav{ width: 220px; _width:160px; min-height: 168px; border: 1px solid #d0d8da; background: #fff; box-shadow: 0px 2px 2px #BEBEBE; filter:progid:DX 阅读全文
posted @ 2016-03-01 11:31 杨杨0708 阅读(395) 评论(0) 推荐(0)

上一页 1 2 3 下一页