码迷,mamicode.com
首页 >  
搜索关键字:纯css    ( 819个结果
追求极致--纯css制作三角、圆形按钮,兼容ie6
参考了天猫、微博等网站的做法,用纯html和css实现,效果还是不错的。以下是成果,兼容主流浏览器,包括ie6。?用css做的提示盒子,上三角是纯css,盒子圆角用到css3用css做的提示盒子,上三角是纯css,盒子圆角用到css3
分类:Web程序   时间:2015-02-27 15:10:08    阅读次数:169
纯CSS 三角形箭头Div边框代码
这个代码当然要属于CSS布局的范畴了,能写出这种效果,我真的了羡慕作者啊,用CSS写出这么多形状不同的“三角形”,着实不容易,有些思路是把某些Div边框透明掉就可以模拟三角形了,注意ie6下透明的边要是dotted或dashed。边框的处理值得学习。...
分类:Web程序   时间:2015-02-26 13:28:18    阅读次数:151
纯CSS箭头
本文转载自:http://www.jb51.net/css/97112.html CSS 箭头Demo CSS 箭头Demo 以下代码.是极好的纯 CSS 箭头样式,不使用背景图! 向上的箭头 向下的箭头 ...
分类:Web程序   时间:2015-02-25 23:41:02    阅读次数:262
适合移动设备的jQuery滑动按钮插件
这是一款非常实用的jQuery滑动按钮插件。该滑动按钮插件可以将input元素转换为滑动按钮样式。插件中使用javascript来控制滑动按钮的滑动,样式使用纯CSS来制作。 该jQuery滑动按钮插件可以在支持jQuery 2的浏览器上工作,IE6-8不支持该插件。 IE9不支持CSS transitions,在IE9上不会有动画效果。 该滑动按钮支持Pointer、触摸屏和鼠标点击。 ...
分类:移动开发   时间:2015-02-25 15:42:42    阅读次数:153
CSS对话框特效 兼容性好
CSS实现的对话框特效,纯CSS实现的,不是CSS3,因此兼容性还是相当不错的。你在网页上可以使用一些这样的框框,比较个性。通过本代码您还可以掌握一些CSS的相对定位、绝对定位的相关技巧。...
分类:Web程序   时间:2015-02-24 15:13:05    阅读次数:132
纯css制作带三角(兼容所有浏览器)
如何用 border 来制作三角。html 代码如下:代码如下: css 代码如下:代码如下:.arrow-up {width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;.....
分类:Web程序   时间:2015-02-20 18:34:14    阅读次数:188
textarea 高度自适应(chrome+ie8测试有效)
最近有一个需求,需要让textarea宽度不变,但是高度随着用户的输入高度自适应。由于浏览器版本的不兼容,很多方法通常只能在一个浏览器中起作用。 下面我写了一个小的demo,可以在chrome 和 ie8下正常使用,其他浏览器没有测试过。 通过两个方式实现,分别是js 和纯css...
分类:其他好文   时间:2015-02-16 22:13:41    阅读次数:289
纯css简单的警告框加抖动效果
这种效果的警告框,出错了会抖动 .alert-box { width: 400px; border-style: outset; position: relative; color:#555; border-radius:10px; font-family:Tahoma,Gene...
分类:Web程序   时间:2015-02-15 20:39:17    阅读次数:833
纯CSS制作三角(转)
原原文地址:http://www.w3cplus.com/code/303.html原文地址:http://blog.csdn.net/dyllove98/article/details/8967012以前写过一篇纯CSS制作带三角的边框,那篇文章是用HTML特殊字符来制作三角的,今天介绍下,如何用...
分类:Web程序   时间:2015-02-15 18:04:13    阅读次数:140
纯CSS实现圆角效果
纯CSS实现圆角效果 1 没有图片纯CSS实现圆角
分类:Web程序   时间:2015-02-13 18:21:38    阅读次数:152
819条   上一页 1 ... 67 68 69 70 71 ... 82 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!