Css
css3 transform做动画
css3transform做动画第一种用关键帧这里就不说了就说第二种方法用transition属性ps:1jqueryanim不支持transform动画但css还是支。2css3关键帧就是不能动态修改关键帧属性所以采用这个。<pre><imgclass="p1_wz1"src="{$yuming}/...
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...
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-...
css3mask淡出文字
css3mask淡出文字<pre>.p0_11wrap{width:0.299rem;height:7.68rem;overflow:hidden;background:url(/weiyeweiwangzhan/images/0/p0_11.png)no-repeat;background-size:10...
前端自动化构建工具webpack （二）之css和插件加载总结
1. webpack只识别js文件，其他文件都需要转换成js文件。所有文件都是模块;2.css解析 css需要css-loader ---》style-loader-----》less-loaderless文件还需要less-loader（注意书写顺序）3.plug...
DIV+CSS兼容解决DIV最大宽度和最小宽度问题
在制作网页中，我们经常会碰到min/max-width,min/max-height在IE6底下是无效的，这也是web设计师最头疼的问题之一，以下的方法可以解决这些难题，并且比较简约。当然，如果你还有更好的方法，希望能在主页留言给我：<div>这段文字内容,ax/min在ie7+和firfox,safari...
css中span元素的width属性无效果原因及多种解决方案
先运行下程序看下: <span>123</span> 输出:123可以看到 span会自动根据包含的内容来变化宽度这是因为:对于内联元素(可以是默认即为内联的比如span元素，也可以是display:inline的元素)width和height只在IE5.x下和IE...
固定高度div,随内容自动变高css定义方法
*{font-size:12px;margin:0;padding:0;}方法1:#testBox{border:1pxsolid#cccccc;padding:5px;width:220px;min-height:100px;/*高度最小值设置为：100px*/height:auto!important;/*兼容FF...
