css
7篇文章 · 0订阅
  • 别再乱用will-change了！前端翻车的"性能优化"陷阱
    你是不是也觉得 will-change 是性能优化的“神器”？小心被它反噬哦！本文带你揭秘 will-change 这把“双刃剑”，看看它是怎么让无数前端“翻车”的。别再迷信万能优化
    前端 浏览器 性能优化
    别再乱用will-change了！前端翻车的"性能优化"陷阱
  • 太丝滑了！了解一下原生的视图转换动画 View Transitions
    在原生 APP 中，我们经常会看到那种丝滑又舒适的页面切换动画，比如这样的 Android 里一般称之为共享元素（shareElement）动画，也就是动画前后有一个（或多个）相同的元素，起到前后过渡
    前端 CSS JavaScript
    太丝滑了！了解一下原生的视图转换动画 View Transitions
  • 一行代码修复100vh bug | 京东云技术团队
    你知道奇怪的移动视口错误（也称为100vh bug）吗？或者如何以正确的方式创建全屏块？ 一、100vh bug 什么是移动视口错误？ 你是否曾经在网页上创建过全屏元素？只需添加一行 CSS 并不难：
    前端 CSS
    一行代码修复100vh bug | 京东云技术团队
  • 那些你不知道的炫酷按钮交互效果
    好的前端页面在实现设计图的同时，如果也有极强的与用户交互效果，那么给用户带来的体验是极好的。近期整理了一组相对炫酷前端按钮交互动画，今天分享给大家
    前端 CSS 动效
    那些你不知道的炫酷按钮交互效果
  • 前端主题切换方案
    前端主题切换方案 现在我们经常可以看到一些网站会有类似暗黑模式/白天模式的主题切换功能，效果也是十分炫酷，在平时的开发场景中也有越来越多这样的需求，这里大致罗列一些常见的主题切换方案并分析其优劣，大家
    前端 JavaScript Vue.js
    前端主题切换方案
  • 仅使用一个 DIV 配合 CSS 实现饼状图
    我们使用了不少前端框架自带的饼状图效果，比如 ant-design 中的 process 环形饼状图进度条。那么你是否有尝试过自己写一个呢？你是否仅使用一个 div 元素配合 css 来实现？
    前端 CSS 程序员
    仅使用一个 DIV 配合 CSS 实现饼状图
  • css如何引入外部字体
    3、所以，如果设计只给.ttf一种格式的字体，那我们怎么办呢？我们可以去 https://transfonter.org/ 将 ttf字体库文件转换成base64 的css文件，然后引入兼容各种浏览器的字体文件，就完美解决了。
    CSS