Css

css3网站响应式写法

css3响应式写法因为media不支持ie9以下的浏览器所有要加个判断<pre><!--全部通用的--><linkrel="stylesheet"href="{$yuming}/css/common.css?v={$visition}"><!--[iflteIE8]>&l...
代码星球·2020-05-23

css3 rotateY 会盖住下面的元素

css3rotateY会盖住下面的元素要适当的调整-webkit-transform:rotateY(-40deg);-webkit-transform:rotateY(40deg);...

css3写下雨效果

css3写下雨效果<pre><divclass="xiayuxiaoguo"></div></pre><pre>.xiayuxiaoguo{width:100%;height:100%;position:absolute;left:0px;top:0px;z-...
代码星球·2020-05-23

css height:100%和height:auto的区别

cssheight:100%和height:auto的区别height:auto,是指根据块内内容自动调节高度。height:100%,是指其相对父块高度而定义的高度,也就是按照离它最近且有定义高度的父层的高度来定义高度。height默认值就是autopswidth也是同理...

css3 float排序问题

css3float排序问题有时候发现会错位那是因为有个图片大小不一致才会这样所以要确保每个图片一样...
代码星球·2020-05-23

css3 transform做动画

css3transform做动画第一种用关键帧这里就不说了就说第二种方法用transition属性ps:1jqueryanim不支持transform动画但css还是支。2css3关键帧就是不能动态修改关键帧属性所以采用这个。<pre><imgclass="p1_wz1"src="{$yuming}/...
代码星球·2020-05-23

css3关于body的默认滑动机制

css关于body的默认滑动机制大家都知道body里面只要高度超出了原来的高度就可以滚动要取消这个机制只能设置height:100%overflow:hidden就能取消了...

css3软键盘不盖住输入框的方法

css3软键盘不盖住输入框的方法弹出软键盘的时候最外面的容器高度就发生了变化要减去软键盘高度了<pre>varbodyheightbodyheight=$('body').height();varbodywidth=$('body').width();$('.p6ainput').on('click',fu...

css 完美垂直居中解决方案兼容ie8以上等其他浏览器

css完美垂直居中解决方案兼容ie8以上等其他浏览器<pre><!DOCTYPEhtml><html><head><title>DIV水平垂直居中</title><metahttp-equiv="Content-Type"content="t...

css3 input placeholder颜色修改方法

css3inputplaceholder颜色修改方法<pre>input::-webkit-input-placeholder{/*placeholder颜色*/color:#0d4123;}</pre> ...

css3自定义移动端滚动条

css3自定义移动端滚动条<pre>/*定义滚动条宽高度是根据内容设置的高度决定的*/::-webkit-scrollbar{width:5px;}/*定义滚动条轨道内阴影+圆角*/::-webkit-scrollbar-track{-webkit-box-shadow:inset006pxrgba(0,0...
代码星球·2020-05-23

css3 mask遮罩动画(照明灯效果)

<pre><!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><style>.wrap{position:absolu...

CSS3解决字母不换行的方法

 CSS3解决字母不换行的方法<pre>word-wrap:break-word;</pre>...

css3 svg 物体跟随路径动画教程

css3svg物体跟随路径动画教程https://www.jianshu.com/p/992488f3f3fc...

css3 svg路径蒙版动画

css3svg路径蒙版动画具体看https://www.cnblogs.com/oubenruing/p/9568954.html还有个更好控制的写法<pre><!DOCTYPEhtml><htmllang="en"><head><metacharset="utf-...
代码星球·2020-05-23