CSS样式动画
38篇文章 · 0订阅
  • UI小姐姐要求有“Duang~Duang”的效果怎么办？
    🧠 一、为什么一行贝塞尔就能“Duang”起来？ 1️⃣ cubic-bezier 是什么？ 在 CSS 动画里，我们经常写： 但其实 ease、linear、ease-in-out 这些都只是封装好
    前端 CSS
    UI小姐姐要求有“Duang~Duang”的效果怎么办？
  • 面试官：手写一个深色模式切换过渡动画
    在开发Web应用时，深色模式已成为现代UI设计的标配功能。然而，许多项目在实现主题切换时仅简单改变CSS变量，缺乏平滑的过渡动画，导致用户体验突兀。作为开发者，我们常被期望在满足功能需求的同时，打造更
    前端 JavaScript 面试
    面试官：手写一个深色模式切换过渡动画
  • Vue3 多行文本溢出隐藏与展开收起功能实现总结
    Vue3 多行文本溢出隐藏与展开收起功能实现总结 在 Vue3 中实现多行文本溢出隐藏并显示展开/收起功能是常见的 UI 需求。本文将总结两种高效的实现方法，分析它们的实现原理、优缺点以及适用场景。
    前端 Vue.js
  • 17 行 CSS 实现骨架屏 loading
    前言 现代 UI 设计中，会使用各式各样的加载样式来减少用户的 loading 状态焦虑，最常见的如 转圈的小菊花、虚假的进度条以及 炫酷的小动画。除了这三种最常见的 web 端加载，还有一种加载动画
    前端 CSS Vue.js
    17 行 CSS 实现骨架屏 loading
  • 纯css实现117个Loading效果（下）
    3篇文章带来117个纯css实现的Loading特效。这是我几十年来从世界各地搜刮回来的代码段，快来感受复制粘贴的快感吧！
    前端 CSS
    纯css实现117个Loading效果（下）
  • 简单轻便的四个CSS动画库
    你还在手写CSS吗，这么多库，加载效果、背景效果、图案等等。复制即用，简单轻便。快快引入到你的项目里去吧
    前端 CSS Vue.js
    简单轻便的四个CSS动画库
  • HTML&CSS：超炫丝滑的卡片水波纹效果
    这段代码创建了一个卡片，卡片上有三个波动效果，这些波动效果通过 CSS 的@keyframes 动画实现，创建了一个旋转的动画效果。这种效果适用于创建动态的视觉效果，例如音乐播放器的封面、动态背景或其
    HTML CSS
    HTML&CSS：超炫丝滑的卡片水波纹效果
  • HTML&CSS：丝滑优雅的加载动画效果
    这段代码是一个 HTML 页面，它包含了内联的 CSS 样式，用于创建一个动画加载器（loader）点击获取更多源码 演示效果 HTML&CSS HTML 结构 loader：定义了一个类名为 loa
    HTML CSS 前端
    HTML&CSS：丝滑优雅的加载动画效果
  • 🦘🦘深度解析动态计算+定位实现瀑布流布局
    1. 瀑布流布局的定义 页面上给人一种参差不齐的多栏布局，其中元素大部分为图片，图片的宽度是统一固定的，但是由于高度不一样，第一行图片排满之后，新的图片会插入到第一排中高度最低的图片下面，并更新高度，
    前端 JavaScript Vue.js
    🦘🦘深度解析动态计算+定位实现瀑布流布局
  • CSS动画效果——语音播放小喇叭
    关于播放动画，这个很简单，我们可以用css3的逐帧动画来实现。关于逐帧动画，我之前的文章也写过：http://www.haorooms.com/post/zhuzhen_dh 除了动画之外，剩下的就是js对audio的控制了。 关于html5 audio标签，有很多属性，大家可…
    • 玉
    • 6年前
    • 16k
    • 评论
    CSS