css
4篇文章 · 0订阅
  • 十几个CSS高级常见技巧汇总（虚线框、三角形、优惠券卡券、滚动条、多行溢出、表格边框合并...）
    1-1. 设置input 的placeholder的字体样式 1-2. 单行和多行文本超出省略号 1-3. 负边距使用技巧 1-4. 定位同时设置方位情况 1-5. 相邻兄弟选择器之常用场景 1-6. outline属性的妙用技巧 1-7. 隐藏滚动条或更改滚动条样式 1-8.…
    CSS
    十几个CSS高级常见技巧汇总（虚线框、三角形、优惠券卡券、滚动条、多行溢出、表格边框合并...）
  • 被低估的CSS滤镜：drop-shadow
    如果你熟悉CSS，则可能了解 box-shadow 属性。但是你知道有一个CSS滤镜 drop-shadow 可以做类似的事情吗？就像 box-shadow 一样，我们可以输入x-offset、y-offset、模糊半径和颜色的值。 与 box-shadow 不同，它不需要 s…
    CSS 前端
    被低估的CSS滤镜：drop-shadow
  • CSS 阴影动画优化技巧一则
    本文不是直译，因为觉得这个技巧很有意思很有用，遂起一文。 box-shadow 在我们的工作中使用以及越来越多，伴随阴影的动画或多或少都有一点。假设，我们有下面这样一个盒子： 希望 hover 的时候，盒阴影从 box-shadow: 0 2px 4px rgba(0, 0, …
    CSS 前端
    CSS 阴影动画优化技巧一则
  • 一些有趣的 CSS 魔法和布局（上）
    布局和样式，是每个前端的必修课。在日常的工作中，也会碰到一些特定场景的布局需求，配合上样式，就能实现一些神奇的效果。我搜罗了一些日常开发中遇到的布局，以及浏览各大网站时碰巧发现的神奇特效写法，在此做个分享。 由于篇幅原因，会分为 2 篇。今天，会先介绍一些有趣而又实用的布局的写…
    CSS
    一些有趣的 CSS 魔法和布局（上）