跳到主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

Articles

4275 篇文章
{
,

}
如何使用不规则 SVG 笔画制作手写动画的文章的直接链接
stroke-dasharray SVG 动画

如何使用不规则 SVG 笔画制作手写动画

我想为书法字体制作手写动画 - 那种 像被无形的笔写出来一样动画 的文字。因为书法字体具有不均匀的笔画宽度(实际上,就笔画而言,它们甚至不是笔画……

2020 年 9 月 14 日
使用 CSS 和 JavaScript 修改特定字母的文章的直接链接
font-face font-variant nth-letter

使用 CSS 和 JavaScript 修改特定字母

在 CSS 中更改特定字符可能是一个挑战。通常,我们被迫在 HTML 中逐个实施我们想要的更改,也许使用 span 元素。但是,在一些特定的情况下,以 CSS 为中心的解决方案仍然是可能的。在这篇文章中……

2020 年 9 月 10 日
在 Nuxt 应用中设置和自定义 Ant Design 系统的文章的直接链接
ant design less nuxt vue

在 Nuxt 应用中设置和自定义 Ant Design 系统

我通常不使用 UI 库,因为它们可能很笨重,而且难以覆盖,这会导致臃肿。但是,Ant Design 最近获得了我的好感,因为它易于使用,并且具有可扩展的……

2020 年 9 月 9 日
CSS 透视工作原理的文章的直接链接
perspective perspective-origin transform

CSS 透视工作原理

作为一个喜欢制作 CSS 动画的人,我使用的一个更强大的工具是 perspective。虽然 perspective 属性本身无法实现 3D 效果(因为基本形状无法具有深度),但你可以使用……

2020 年 9 月 10 日
一个操作,多个终端窗口运行内容的文章的直接链接
ide terminal

一个操作,多个终端窗口运行内容

许多开发环境都需要在终端窗口中运行内容。npm run start,或者其他什么。我知道我最大的项目要求我在一个终端中运行一个大型的基于 Docker 的内容,在另一个终端中运行 Ruby on Rails,并且……

2020 年 9 月 8 日
通过页面旋转动画显示菜单的文章的直接链接
checkbox hack menu navigation

通过页面旋转动画显示菜单

网站上有许多不同的菜单方法。一些菜单是持续存在的,始终可见,并显示所有选项。其他菜单则隐藏起来,需要打开才能查看选项。甚至还有一些……

2020 年 9 月 8 日
使用 JavaScript 媒体查询的文章的直接链接
JavaScript media queries

使用 JavaScript 媒体查询

当你想到媒体查询时,你的脑海中首先会浮现什么?也许是 CSS 文件中的类似于以下内容:

body {
  background-color: plum;
}


@media (min-width: 768px) {
  body {
    background-color: tomato;
  }
}

CSS……

2021 年 5 月 12 日
使用 max() 为内部元素设置 max-width 的文章的直接链接
max

使用 max() 为内部元素设置 max-width

我在 “内部”问题 中详细介绍了这个问题。要点是:你想要一个边缘到边缘的容器,但内部内容具有有限的宽度。我认为在里面使用嵌套元素绝对没有问题,但……

2020 年 9 月 7 日
超越媒体查询:使用较新的 HTML 和 CSS 功能进行响应式设计的文章的直接链接
clamp max min minmax object-fit picture srcset

超越媒体查询:使用较新的 HTML 和 CSS 功能进行响应式设计

除了使用媒体查询和现代 CSS 布局(如 flexbox 和 grid)来创建响应式网站之外,我们还可以做一些被忽视的事情来使响应式网站做得更好。在这篇文章中,我们将深入研究一些工具(围绕……

2020 年 9 月 7 日
  • 最新
  • 1
  • ...
  • 106
  • 107
  • 108
  • ...
  • 475
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

使用我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律信息
  • 获取免费积分!
CSS-Tricks
  • 为我们撰稿!
  • 与我们合作广告
  • 联系我们
社交
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.