CSS 并不总是容易处理。 在你的能力和经验不够的时候，CSS编程会成为一个噩梦，特别是你不确定为页面元素中选择哪种选择器的时候。使用一个不常见的CSS属性以实现更好的语义化，没有比这个方法更好用的更简单的的实现减少代码复杂度的了。

某日移动端有一需求：要求一 App Logo 有一层外阴影闪动效果，实现起来倒也不复杂。简单粗暴直接在 keyframes 中定义 box-shadow 动画即可交差，最终代码如下： 动画在 PC 端运行时我这写轮眼是看不出任何卡顿的，一旦在模拟器或者移动端上运行情况就不那么乐…

小tips:0学习成本实现HTML元素粘滞融合效果这篇文章发布于2017年12月21日，星期四，01:23，归类于SVG相关。阅读914次,今日561次byzhangxinxufromhttp://w

为什么要写这个文章呢？是因为写页面不可避免的就要用到表单控件啊，当然在我用最常用的text和button的时候，基本上用css直接改就可以覆盖其表单控件。 Chrome的文本框——hover的时候没有状态，这是focus的时候的状态，渐变的蓝色框框。 IE的文本框——向来就是特…

之前踩坑css的时候，遇到滑轮，按钮，选择框这类型的东西，为了页面效果，总是需要自定义他们的样式，而不使用他们的默认样式。当时写的时候，我也是蛮头疼的，弄了个demo，链接在下面。对此做个总结。本文是面向前端小白的，大手子可以跳过，写的不好之处多多见谅。 额，今天就先大概的将代…

最近遇到一个问题，就是怎么做一个圆环放大的动画，如果是用transform: scale放大的话，会导致圆环变粗，这样看起来就不好看了，如下图所示： 如果改成用width/height做动画的话，动画看起来会有点变形，如下图所示： 这个圆圈是用border-radius: 50…

当使用任何 CSS 的新特性的时候，浏览器的兼容问题都必须去解决。与 Flexbox 和 CSS Grid 一样，在使用 CSS 新特性布局时，兼容性比性能增强更值得考虑。 在这篇文章中，我将探索现今处理浏览器兼容问题的方法。为了让我们现在就用上 CSS 的新特性，我们可以做出…