css
14篇文章 · 0订阅
  • 不用 js实现渐变、虚线、跑马灯、可伸缩边框
    最近遇到个需求，要求实现一个渐变色的边框，并且是虚线的，同时还要有动画。 有的朋友可能看到这里就要开骂了，估计要提刀找设计和产品怼回去了。 但其实我是可以理解的，因为这种花哨的边框想要用在一个类似于魔
    前端 CSS
    不用 js实现渐变、虚线、跑马灯、可伸缩边框
  • 惊艳！你见过这么炫酷动画的导航栏吗？
    效果演示 这段代码是一个HTML页面，包含了CSS样式和JavaScript脚本，用于创建一个具有动画效果的导航栏。 HTML html和body设置为占据整个视口宽度和高度，使用弹性布局居中显示，背
    CSS HTML JavaScript
    惊艳！你见过这么炫酷动画的导航栏吗？
  • 不断燃烧的蜡烛，不点进来看看就要灭了！
    这次带大家来实现一个生动的蜡烛燃烧的效果，纯CSS实现，通过动画来展现出一个燃烧的蜡烛，话不多说，我们直接进入主题 效果预览 最终实现的效果如下所示。 HTML部分 首先我们看到HTML部分，
    CSS
    不断燃烧的蜡烛，不点进来看看就要灭了！
  • 27 个 CSS 案例演示和 DEMO，不火没道理！
    本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。 1、交错动画 有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无奇。那么如何将
    CSS 前端
    27 个 CSS 案例演示和 DEMO，不火没道理！
  • 🎉JavaScript 五彩纸屑库 js-confetti
    介绍 如果您有一个页面，您希望用五彩纸屑特效引起您的用户注意，那么这个插件就是为您准备的。去年介绍过一个很好用的插件 canvas-confetti，掘金年度作者投票按钮的特效就是使用的这个，两者对比
    前端 Canvas 掘金·金石计划
    🎉JavaScript 五彩纸屑库 js-confetti
  • 「绝无仅有」CSS打造吸睛的文本与图片无限滚动动画
    CSS创建文本和图片无限滚动动画效果。标签和图片横向的水平滚动，元素会无缝衔接实现无限循环，首尾两端有渐变蒙层体现出现和消失的过渡效果。滚动时的淡出淡入视觉效果，丰富了网页增添加了动态和交互性。
    CSS HTML 前端
    「绝无仅有」CSS打造吸睛的文本与图片无限滚动动画
  • 如何用css3实现一个动态渐变圆环图
    手把手教你使用角向渐变 + mask + rotate 实现渐变圆环饼图。不再需要echarts。。。
    前端 CSS
    如何用css3实现一个动态渐变圆环图
  • 基于css3写出的底部导航栏效果（详细注释）
    基于css3写出来的一个底部导航栏效果，配合js形成了这种点击效果，如图。，然后通过一些css3的阴影等效果完成了如图的设计，文章内含有详细的注释
    CSS JavaScript
    基于css3写出的底部导航栏效果（详细注释）
  • CSS 实现弧形卡片的 3 种方式
    在平时开发中，有时候会碰到下面这种“弧形”样式，主要分为“内凹”和“外凸”两种类型，如下 该如何实现呢？或者想一下，有哪些 CSS 属性和“弧形”有关？下面介绍 3 种方式，一起看看吧 一、borde
    前端 CSS
    CSS 实现弧形卡片的 3 种方式
  • CSS 奇思妙想边框动画
    觉得它的风格很独特，尤其是其中一些边框。 嘿嘿，所以来一篇边框特辑，看看运用 CSS，可以在边框上整些什么花样。 谈到边框，首先会想到 border，我们最常用的莫过于 solid，dashed，上图中便出现了 dashed。 除了最常见的 solid，dashed，CSS b…
    CSS 前端
    CSS 奇思妙想边框动画