我们来了解一下 linear gradient() 是什么呢? 1.linear gradient 是一个 CSS3 版本的新特性用于创建一个线性渐变效果的背景,如下图。 效果 代码: ...
分类:
Web程序 时间:
2020-04-03 21:42:42
阅读次数:
252
历年大型地震等自然灾害来临过后,各大网站整站都变成灰色以悼念逝去的生命 重写一套css?NO,即便你有这个时间重写,那网站内的图片怎么办?难道重做一遍?很明显工作量巨大不符合实际。 火狐和chrome浏览器比较简单,直接用css3搞定: 对于IE7 IE9浏览器,可以使用IE自带的滤镜,在页面头部内 ...
分类:
Web程序 时间:
2020-04-03 19:53:11
阅读次数:
79
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>line</title> </head> <style> .empat { position: relative; overflow: hidden; widt ...
分类:
Web程序 时间:
2020-04-03 19:49:37
阅读次数:
69
利用CSS设置图片黑白/灰色效果 百度百科灰色缅怀效果: CSS3 filter(滤镜) 属性 body.memorial>* { filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); ...
分类:
Web程序 时间:
2020-04-03 16:38:39
阅读次数:
110
效果图: 代码实现: 样式部分style.css: *{ margin: 0; padding: 0; } body{ background-color: #673929; font-size: 16px; font-family: "微软雅黑" } #conters{ margin: 0 auto ...
分类:
Web程序 时间:
2020-04-03 01:00:05
阅读次数:
100
标签选择器、类选择器、ID选择器、兄弟选择器、后代选择器、子代选择器、css3选择器... ...
分类:
Web程序 时间:
2020-04-03 00:59:34
阅读次数:
99
在drawable中 新建一个edge.xml文件 <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:col ...
分类:
移动开发 时间:
2020-04-02 17:40:08
阅读次数:
414
IE兼容CSS3圆角border-radius的方法(同时兼容box-shadow,text-shadow)IE兼容CSS3圆角border-radius,box-shadow,text-shadow的方法 1.下载ie-css3.htc:http://www.zhangxinxu.com/stu. ...
分类:
其他好文 时间:
2020-04-01 23:40:25
阅读次数:
132
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ...
分类:
Web程序 时间:
2020-04-01 14:56:41
阅读次数:
183
文章目录万能居中BFC优化盒模型哪两种模式?什么区别?如何设置常用清除浮动的方法,如不清除浮动会怎样?删格化的原理纯css实现三角形高度不定,宽100%,内一p高不确定,如何实现垂直居中?至少两种方式实现自适应搜索设置一段文字的大小为6pxcss菊花图关于em关于vh,vwFlex布局overflow原理实现自适应的正方形:标准模式和怪异模式CSS3实现环形进度条css优先级万能居中1.margi
分类:
Web程序 时间:
2020-04-01 10:32:46
阅读次数:
102