<style> img:hover{ -webkit-transition:-webkit-filter 1s ease-in; -moz-transition:-webkit-filter 1s ease-in; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); }</style><img src="http://b.hiphotos.baidu.com/album/w%3D310/sign=ecb207c8902397ddd6799e05698... Read More
转载
2013-05-30 20:54:00
66阅读
2评论
by zhangxinxu from http://www.zhangxinxu.com 关于浏览器文字选中颜色以我的系统举例（xp 默认主题），浏览器上页面文字选中后默认的背景色是一种蓝色， 不同浏览器的颜色有些许差异，但大致相同，文字颜色也近乎白色，如下图所示，截自Firefox3...
原创
2023-05-11 09:05:15
159阅读
::selection { background:#d3d3d3; color:#555;}::-moz-selection { background:#d3d3d3; color:#555;}::-webkit-selection { background:#d3d3d3; color:#555;}.maroon::selection { background:maroon; color:#fff;}.maroon::-moz-selection { background:maroon; color:#fff;}.maro...
转载
2013-10-10 14:34:00
369阅读
2评论
颜色属性无处不在。字体要用颜色，背景可以有颜色，粒子特效更是离不开颜色。本文参考了一些资料简单总结下以备日后查阅。 css中颜色的定义方式：十六进制色RGB & RGBAHSL & HSLA颜色名十六进制色 个人最喜欢的一种颜色表达方式。 十六进制颜色是这样规定的：#RRGGBB，其中的RR（红色）、GG（绿色）、BB（蓝色）十六进制整数规定了颜色的成分。所有值必须介于
转载
2017-05-18 14:35:35
339阅读
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS3 实现RSS图标</title> <style type='text/css'> body{ padding:50px 0 0 0 } span.feed-box{ displ
转载
2017-07-04 21:37:00
170阅读
2评论
在线演示 本地下载
转载
2018-12-05 15:46:00
97阅读
2评论
最近在研究icon font图标字库，觉得很有意思，于是找了一些比较好的在线字库。大都是开源的，而且各有特色，推荐给大家！阿里icon font字库http://www.iconfont.cn/这个是阿里妈妈M2UX的一个icon font字体图标字库，包含了淘宝图标库和阿里妈妈图标库。fontel...
原创
2021-07-23 13:44:09
156阅读
最近在研究icon font图标字库，觉得很有意思，于是找了一些比较好的在线字库。大都是开源的，而且各有特色，推荐给大家！阿里icon font字库http://www.iconfont.cn/这个是阿里妈妈M2UX的一个icon font字体图标字库，包含了淘宝图标库和阿里妈妈图标库。fontel...
原创
2021-08-01 13:16:51
287阅读
.vote-box-list { float: left; width: 586px; border:#FF0000 1px solid; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7f6e6), ...
转载
2014-08-21 09:21:00
1102阅读
2评论
CSS3颜色特性“佛靠金装，人靠衣装”，网页也是如此。随着互联网的迅速发展，一个网页给人们留下的第一印象，既不是它的内容，也不是它的设计，而是整体颜色。为了能够达到人们的需求，Web设计师除了需要掌握网站制作的技术之外，还必须能够很好地应用Web颜色。换句话说，网站颜色的使用好坏，直接影响网站的生存力。网页色彩的表现原理：我们知道有256种Web安全颜色，其实这256种颜色是指8位颜色的表现能力，
原创
2018-10-04 14:17:01
892阅读
css3新增属性???? 边框属性 背景属性 文本属性 颜色属性 颜色属性值???? color：<name-color>。例如：red、green、blue... color：<hex-color>。例如：#eee、#ccc、#333... color：<rgb()>。例如：rgb(255,120,199 ...
转载
2021-10-19 15:37:00
161阅读
2评论
一、线性渐变多种颜色之间的渐变，默认从上到下。也可以使用关键词设置线性渐变的方向，to，代表往哪儿去，联合top\right\bottom\left，就规定了向上\右\下\左的方向渐变过度；也可以使用角度值（例：90deg）设置线性渐变的方向background-image: linear-gradient(red,yellow,green); /*默认从上到下渐变*/
background-
css
转载
2021-12-08 21:59:37
760阅读
转自:http://www.cnblogs.com/wangyongx/p/5022529.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xht
转载
2021-05-25 15:18:55
699阅读
在线演示 本地下载
转载
2018-12-02 10:41:00
332阅读
2评论
windows默认的文字选择时，背景为蓝色，前景色为白色。Firefox、Safari、Chrome以及Opera浏览器都支持文本选择属性
转载
2022-05-27 00:05:49
445阅读
实现思路：图片作为背景，drop-shadow阴影形成新的元素，再用left把整体偏移回去，最后用overflow:hidden把原图片隐藏注：当放在其他绝对定位的元素上面时注意z-index的处理。.iconXXX{ overflow:hidden; display: inline-block; position: relative; height:20px; ..
原创
2023-05-17 11:35:38
210阅读
一、须知
placeholder属性是css3中新增加的属性，IE9和Opera12以下版本的CSS选择器均不支持占位文本。
二、设置placeholder文字颜色、字号
方式1：因为每个浏览器的CSS选择器都有所差异，所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。
::-webkit-input-placeholder { /* WebKit br
转载
2021-08-13 20:01:26
1447阅读
转载请标明出处：蒋宇捷(hfahe) http://blog..net/hfahe 考虑一下，如何在网页中达到类似以下文字渐变的效果？ 传统的实现中，是用一副透明渐变的图片覆盖在文字上。具体实现方式可参考http://www.qianduan.net/css-gradient-text-effect.html。
转载
2022-01-06 16:22:33
622阅读
考虑一下，如何在网页中达到类似以下文字渐变的效果？ 传统的实现中，是用一副透明渐变的图片覆盖在文字上。具体实现方式可参考http://www.qianduan.net/css-gradient-text-effect.html。这种方式优点是图片可控，所以可实现很复杂的渐变效果，但是缺点是图片渐...
转载
2014-08-26 06:36:00
199阅读
