web前端 input 输入框获得焦点时会缩小 当你使用 outline 时,出现此问题。 如果是在 chrome 中,chrome 有一个默认属性: input:focus, textarea:focus, keygen:focus, select:focus { outline-offset: -2px; } 所以会缩小,要修改的话,需要给元素增加一个属性: input:focus { outline-offset: 0; }
CSS3 CSS3对图片照片进行边缘模糊处理 使用CSS3的新特性实现各种图片边缘的模糊效果。 1. 在图片标签外部套一层DIV标签: 2. 为外层DIV添加一圈向内的边缘阴影,也是css3的新特征box-shadow,以模拟图片边缘模糊效果,CSS样式如下: .img-edge-cover { width: 180px; height: 180px; position: relative; } .img-edge-cover:after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; box-shadow:0 0 50px