
获得徽章 8
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇沸点
赞了这篇沸点
Border-radius最多可以接收八个参数,我们可以借此来绘制不规则图形。
Demo+源码:
codepen.io
一个很有用的可视化border-radius的工具:
9elements.github.io
Demo+源码:
一个很有用的可视化border-radius的工具:
展开
9
102
赞了这篇沸点
赞了这篇沸点
最近接到一个小改动的需求:列表展示图片时,要求在不挤压拉伸图片的情况下,展示图片相对居中的那一部分,例如:竖向长方形的图片,就要去头去尾展示中间的部分,横向长方形的图片,就要去左去右;像很一段时间,并没有找到合适的解决方法;看到某一段网友另辟蹊径的方法:设为背景图,
.dd{
display: block;
width: calc(50% - 5px);
height: 1px;
padding: 0 0 48% 0;
float: left;
overflow: hidden;
background-image:url('../images/img.png');
background-position:center;
background-repeat: no-repeat;
background-size: cover;
}
其中background-image是通过vue的语句动态加载的,效果看图片我截取了列表和预览效果;
.dd{
display: block;
width: calc(50% - 5px);
height: 1px;
padding: 0 0 48% 0;
float: left;
overflow: hidden;
background-image:url('../images/img.png');
background-position:center;
background-repeat: no-repeat;
background-size: cover;
}
其中background-image是通过vue的语句动态加载的,效果看图片我截取了列表和预览效果;
展开
9
33
赞了这篇沸点
赞了这篇文章
赞了这篇沸点
赞了这篇沸点
赞了这篇沸点
赞了这篇沸点
赞了这篇沸点
handtrack.js - 在浏览器里实现手部识别,甚至可以追踪轨迹
- Medium:
hackernoon.com
- GitHub:
github.com
- Demo:
victordibia.github.io
- Medium:
- GitHub:
- Demo:
展开
9
39