![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
正月初五
这个作者很懒,什么都没留下…
展开
-
多边形,梯形盒阴影css实现技巧
一般情况下,我们给块状元素(四边形)添加阴影样式,直接用css` box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);`就可以了,但是总有一些需求是那么的特别,例如下图:要求给这样的梯形盒外围加阴影,第一眼感觉也没啥特别的,但是搞起来就知道多烦了。反正我是折腾了好一会儿,最后只能用下面这样实现了。HTML和CSS(sass)代码: <di...原创 2018-04-03 21:31:07 · 2772 阅读 · 0 评论 -
width、naturalWidth、clientWidth、offsetWidth区别整理
今天在做图片裁剪功能的时候,参考了下网友的资料,发现大家对图片宽度的获取方式不尽相同,于是详细整理下各个属性的区别(详细请参考MDN)。 1,HTMLImageElement.width是一个unsigned long 类型反映了 width HTML 属性, 说明图像在CSS像素中渲染的宽度。 2,HTMLImageElement.naturalWidth返回一个 unsigned long...原创 2018-04-03 21:45:02 · 1613 阅读 · 0 评论