快捷搜索:  朋友圈  虎牙  响应式  as  次数  伪静态  浏览数  www.ymwears.cn
如何将网页变成灰色

如何将网页变成灰色

以前听说在一些国家灾难大事纪念日什么的网站要变灰!!!有那么点意思。 对于htmlcmsjszhekebu这可不是什么难事! css的一个属性就是可以 一、 html { -webkit-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1);} 二、 html { filter:pro...

CSS: 文字阴影

CSS: 文字阴影

CSS level 3 有一种属性叫做文字阴影, 是用来为有些文字的每个字母加上阴影. 在它最简单的形式里, 它看起来是像这样的: 阴影文字效果 p{text-shadow: 0.1em 0.1em #333} 它增加了一个相对于正常文本有一点向右(0.1em)和向下(0.1em) 暗灰色(#333)的阴影. 多重阴...

CSS3动画实现天气图标

CSS3动画实现天气图标

效果: 源码: !DOCTYPEhtml html head title 纯CSS实现带动画的天气图标 / title style type = text/css body { max-width : 42em ; padding : 2em ; margin : 0 auto; color : #161616 ; font-family : Roboto ,sans-serif; text-align :center; background-color :currentColor;} .icon { position :relative; display :inli...

css3旋转属性和延迟属性

css3旋转属性和延迟属性

对于这两个属性不是经常用到,灰灰才不会记他长啥样,要用到时打开c3手册查查就可以了,刚刚又用到了,感觉老是查麻烦,就写在博客里方便些! 一个是旋转一个是延迟 旋转: img{ transform:rotate(360deg); -ms-transform:rotate(360deg); /* IE 9 */ -moz-trans...

CSS 制作平行四边形

CSS 制作平行四边形

css做了个平行四边形!!!!! HTML: div class=menu ul lia href=/网站首页/a/li lia href=/news/行业资讯/a/li /ul /div CSS: .menu li:before{ content: ; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: skewX(-45deg); z-index: -1; background:#5a5a5a; width:109px; line-height: 40px; }...