CSS3
-
CSS实现渐变边框(border)
假如你想让元素周围有渐变的边框,我的想法是这样的: 没有可以直接使用的CSS API 我们需要制作一个具有线性渐变背景的包裹(wrapper)元素,然后一个内部元素将遮盖该背景的大…
-
CSS盒子模型的理解
一 css盒模型由两个盒子组成,外在的控制是否换行的盒子,以及内在的控制元素内容的盒子。 比如:display: inline-block, 则它的外在的盒子就是inline也就是…
-
BFC规范理解
这个俺之前的文章中有具体说明,详情说明可以查看这个俺公众号的这个文章链接 定义 BFC 全称“块级格式化上下文”(Block Formatting Context),对应的还有 I…
-
CSS3支持的新特性
欢迎大家留言补充,以下是来自俺的整理分享: 边框(borders) border-radius 圆角 box-shadow 盒阴影 border-image 边框图像 背景 bac…
-
为input设置placeholder颜色
今天俺跟大家分享一个小技巧,那就是这只input的placeholder颜色,因为要考虑到不同浏览器,所以需要添加不通的浏览器前缀,另外在ie10之前的版本是没有办法设置place…
-
transform-origin原生CSS实现上下摇摆类似放风筝效果
今天俺跟大家分享一个之前工作中遇到的一个小技巧,灵感来自于营销提出的需求。 对于transform-origin这个属性,工作中我们可以说基本上是不怎么需要使用的,但是该属性对于实…
-
解决IOS长按img无法保存问题
最近俺遇到一个遇到一个问题,还是大佬帮忙解决的,就是IOS长按图片无法保存,img默认是可以在IOS手机上长按保存的。 为什么默认行为无法调用 这是因为在reset.less文件中…
-
CSS技巧:利用CSS实现换行的两种方法
之前的俺遇到过一个需求那就是在flex布局中实现换行,当时俺的处理方式是添加一个元素,然后让这个元素的height:0,width:100%,即解决了换行的问题。 今天晚上俺决定写…
-
CSS display:table布局实现居中场景
表格布局可以用来实现居中对齐,今天俺就大家一起来学习这个小技巧。 HTML表指的是使用带有原生< Table >标签的表,而CSS表则模拟与HTML表相同的表模型,但具…
-
CSS:如何限制border长度
代码如下,希望帮助到有需要的朋友: #mainDiv { height: 100px; width: 80px; position: relative; border-bottom…