CSS
6篇文章 · 0订阅
  • 浏览器的自动播放策略
    平常有接触到媒体播放的朋友应该会发现一个问题，我们在其他视频网站时，他们的视频在进入页面的时候能自动播放，但是在我们实际开发中却不能，明明我们都设置了autoplay 属性，浏览器为什么区别对待呢？
    前端 JavaScript
    浏览器的自动播放策略
  • 带圆角的虚线边框？CSS 不在话下
    今天，我们来看这么一个非常常见的切图场景，我们需要一个带圆角的虚线边框，像是这样： 这个我们使用 CSS 还是可以轻松解决的，代码也很简单，核心代码： 但是，原生的 dashed 有一个问题，就是我们
    前端 CSS JavaScript
    带圆角的虚线边框？CSS 不在话下
  • 讲解 CSS 过渡和动画 transition/animation (很全面 🥳)
    目前浏览器实现动画的方式有如下两种 JS 动画 和 CSS 动画，本篇详细讲解 CSS 动画：CSS Transition过渡 和 CSS Animation 动画。
    前端 CSS JavaScript
    讲解 CSS 过渡和动画 transition/animation (很全面 🥳)
  • 极具视觉冲击力的3D卡片效果，你能实现嘛
    老话说的好：css是你永远学不会的语言。 子辰发现了一个炫酷的3D卡片效果，这样的效果实现起来，你有没有思路呢？
    前端 CSS JavaScript
    极具视觉冲击力的3D卡片效果，你能实现嘛
  • 基于css3写出的底部导航栏效果（详细注释）
    基于css3写出来的一个底部导航栏效果，配合js形成了这种点击效果，如图。，然后通过一些css3的阴影等效果完成了如图的设计，文章内含有详细的注释
    CSS JavaScript
    基于css3写出的底部导航栏效果（详细注释）
  • “我要个六边形毛玻璃效果”
    毛玻璃质感（Glassmorphism）：本质上是模糊，上方是带有透明度的遮罩模糊，下方元素像有一层蒙层。通透轻盈，呼吸感强，具有虚实结合的美感。
    前端 CSS SVG
    “我要个六边形毛玻璃效果”