您当前的位置:首页 > 前端笔记 >
  • 2018-12-05animation 缩写

    /* 动画的名字,播放时间,延时时间,动画效果,播放次数,播放顺序*/animation: anim2 3s 2s linear infinite alternate;

    阅读全文
  • 2018-11-28随机ip并模拟表头提交

    //headers为post数据提交头部内容,用于随机ipheaders:{'x-forwarded-for':ip,'WL-Proxy-Client-IP':ip}//ip随机代码function createIp() { var a = Math.round(Math.random() * 250) + 1, b = Math.round(Math.random() * 250) + 1, c = M

    阅读全文
  • 2018-11-28css按钮波纹效果

    .bs-fdicon{ position:absolute; left: 50%; bottom: -43px; width: 85px; height: 85px; margin-left: -43px; z-index: 10; }.bs-fdicon a{ position: relative; display: inline-block; width: 85px; height: 85px; z-index: 11; cursor: pointer;}.bs-fdic

    阅读全文
  • 2018-11-28手机端rem布局初始化代码

    以750宽度为10rem来计算 css代码 @media (min-width: 320px){html{font-size: 42.6667px;} }@media (min-width: 360px){html{font-size: 48px;} }@media (min-width: 375px){html{font-size: 50px;} }@media (min-width: 384px){html{font-size: 51.

    阅读全文
  • 2018-11-28clearfix清除浮动影响

    .clearfix:after {content: .; display: block; height:0; clear:both; visibility: hidden;} .clearfix { *zoom:1; }

    阅读全文
  • 2018-09-27多行文本溢出显示省略号(…)

    单行文本溢出显示省略号() overflow: hidden;text-overflow: ellipsis;white-space: nowrap; 多行文本溢出显示省略号() -webkit-line-clamp用来限制在一个块元素显示的文本的行数。 display: -webkit-box; 必须结合

    阅读全文
  • 2018-09-27使用FileReader实现input file图片预览

    input type="file" / img alt="Image preview area..." height="200" src="" title="preview-img" / script var fileInput = document.querySelector('input[type=file]'), previewImg = document.querySelector('img'); fileInput.addEventListener('change'

    阅读全文
  • 2018-09-20用AI将png转成svg做字符图标教程

    1、 首先准备一张背景为透明的png图片,建议尺寸300*300或以上; 2、 用AI工具打开准备好的png图片; 3、 点击工具栏上的窗口,选择图像临摹, 点击描摹,然后关闭; 4、 点击工具栏上

    阅读全文
  • 2018-03-07jquery html5视频播放插件在iframe中无法全屏解决办法

    jquery html5视频播放插件在iframe中无法全屏解决办法 在IFrame中加入 allowfullscreen=true allowtransparency=true iframe src=av.html marginheight=0 marginwidth=0 frameborder=0 width=100%height=100% scrolling=no allowfullscre

    阅读全文
  • 2017-10-24简单的技巧用来解决使固定表头(thead)和滚动表体 (tbody) 的问题

    这个简单的技巧用来解决使固定表头(thead)和滚动表体 (tbody) 的问题。这使得数据表更易于浏览。当用户滚动表格时,固定表头为用户所注意的列提供了上下文。看下面图示你就明白了:

    阅读全文