css
18篇文章 · 0订阅
  • 【大前端】搞懂＞＞＞、/deep/、::v-deep、::v-deep()和:deep()的区别与用法
    在Vue项目中，尤其是在使用组件化开发时，我们某些时候需要对组件内部的某些样式优化，但Vue的样式封装特性（scoped）会阻止外部样式直接作用于组件内部。为了应对这一挑战，Vue社区引入了深度选择器
    前端 Vue.js CSS
  • CSS 锚点定位终于来了！
    盼了好久，最近 Chrome 125终于迎来了CSS 锚点定位的正式支持。这是一个和 CSS 滚动驱动动画一样，足以颠覆整个 Web 开发领域的新特性。有了这个特性，很多以前强依赖 JS 的方式，都可
    前端 CSS
    CSS 锚点定位终于来了！
  • 瀑布流最佳实现方案
    我敢说你写过的瀑布流都弱爆了！！！非传统式瀑布流实现，性能更优，兼容性最好，代码更简单，渲染更高效；
    前端 Vue.js JavaScript
    瀑布流最佳实现方案
  • 浏览器跨 Tab 窗口通信原理及应用实践
    最近，相信大家一定被这么个动效给刷屏了： 以至于，基于这个效果的二次创作层出不穷，眼花缭乱。 基于跨窗口通信的弹弹球： 基于跨窗口通信的 Flippy Bird： 我也尝试制作了一个跨 Tab 窗口的
    前端 JavaScript 浏览器
    浏览器跨 Tab 窗口通信原理及应用实践
  • 当我遇见了强制横屏签字的需求...
    序言 在前一阶段的工作中，突然接到了这个需求：手写签批的页面在移动端竖屏时强制页面横屏展示进行签字，一开始我觉着只要将页面使用 CSS3 的 transform 进行 rotate 一下就可以了，但是
    Vue.js Canvas
  • 【动画进阶】神奇的 3D 磨砂玻璃透视效果
    最近，群友分享了一个很有意思的效果： 原效果的网址：frosted-glass。该效果的几个核心点： 毛玻璃磨砂效果 卡片的 3D 旋转跟随效果 整体透明度和磨砂感、以及卡片的 3D 形态会随着用户移
    前端 CSS JavaScript
    【动画进阶】神奇的 3D 磨砂玻璃透视效果
  • Amazing！！CSS 也能实现烟雾效果？
    最近利用 CSS 实现了一些看似超出 CSS 能力的效果： 巧用渐变实现高级感拉满的背景光动画 Amazing！！CSS 也能实现极光？ 本文继续此系列，本文主要想探讨一下，使用 CSS 能否比较好的
    前端 CSS SVG
    Amazing！！CSS 也能实现烟雾效果？
  • 疯狂操作 CSS3 实现 60 FPS 动画效果，CodeReview 时同事直呼：细节！
    本篇是基于浏览器渲染原理，对 CSS3 动画的一个很好结合实践。CodeReview 时，同事都直呼：细节！
    前端 CSS
    疯狂操作 CSS3 实现 60 FPS 动画效果，CodeReview 时同事直呼：细节！
  • CSS 奇思妙想 | 全兼容的毛玻璃效果
    通过本文，你能了解到 最基本的使用 CSS backdrop-filter 实现磨砂玻璃(毛玻璃)的效果 在至今不兼容 backdrop-filter 的 firefox 浏览器，如何利用一些技巧性的
    CSS JavaScript
    CSS 奇思妙想 | 全兼容的毛玻璃效果
  • CSS 实现优惠券的技巧
    在实际 Web 开发过程中，总会遇到各种各样的布局。有公司同事问我这样一种布局有没有什么好的实现方式，就是一种在活动充值页非常普遍的优惠券效果，如下 首先，碰到这类布局的最佳实现肯定是mask遮罩。关于遮罩，可以看一下CSS3 Mask 安利报告。这里简单介绍一下 这里的遮罩图…
    CSS 前端