明天4月4日会举行全国性哀悼活动,小伙伴需要将彩色网页都变成黑白的,代码如下: <style type="text/css">html {-webkit-filter: grayscale(100%);}</style> 上面的 CSS 代码可能只对主流浏览器支持,如果你需要支持 QQ 浏览器、36 ...
分类:
Web程序 时间:
2020-04-03 20:13:05
阅读次数:
202
body { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%) ...
分类:
Web程序 时间:
2020-04-03 18:34:28
阅读次数:
112
利用CSS设置图片黑白/灰色效果 百度百科灰色缅怀效果: CSS3 filter(滤镜) 属性 body.memorial>* { filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); ...
分类:
Web程序 时间:
2020-04-03 16:38:39
阅读次数:
110
本人喜欢把一些实用的东东拿过来,写成文章或者收藏起来。于是乎... 直接上代码: .article { color: #000000; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: ...
分类:
Web程序 时间:
2020-04-03 13:47:00
阅读次数:
81
select { /* 鼠标移上,变小手 */ cursor: pointer; padding: 0 10px; /* 清除默认的箭头样式 */ appearance: none; -moz-appearance: none; -webkit-appearance: none; /* 右侧添加箭头 ...
分类:
Web程序 时间:
2020-04-02 15:59:40
阅读次数:
85
canvas简介 在学习一项新技术之前,先了解这项技术的历史发展及成因会帮助我们更深刻的理解这项技术。 历史上,canvas最早是由Apple Inc. 提出的,在Mac OS X webkit中创建控制板组件使用,而在canvas称为HTML草案及标准之前,我们是通过一些替代方式去绘图的,比如为人 ...
分类:
其他好文 时间:
2020-04-01 13:12:59
阅读次数:
74
需要写兼容写法: -webkit-box-reflect:below 3px -webkit-(repeating)linear/redial-gradient(...); 1.先写direction定义方向: above:倒映在其对象的上边 below:倒映在其对象的下边 left:左边 righ ...
分类:
其他好文 时间:
2020-04-01 00:52:27
阅读次数:
66
.wapper li{ transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s eas ...
分类:
移动开发 时间:
2020-03-31 01:11:33
阅读次数:
100
一、box-decoration-break CSS3新增的box-decoration-break属性可指定行内非替换元素在跨行、跨列或跨页时的样式渲染,它包含两个值: (1)slice:默认值,盒子会被分割成多部分。 (2)clone:断开的各个盒子会单独渲染。 下面用一个示例来演示两种的区别, ...
分类:
Web程序 时间:
2020-03-30 09:58:35
阅读次数:
107
用CSS实现一个简单的幻灯片效果页面,第一反应是利用CSS3的animation。不过为了兼容浏览器,记得加各浏览器前缀(“chrome和safira:-webkit-”、“firefox:-moz-”、“opera:-o-”),我最开始写的时候忘记加浏览器前缀,在chrome中一直没有任何显示。下 ...
分类:
Web程序 时间:
2020-03-29 12:42:35
阅读次数:
110