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

文章标签
3d

20 篇文章
{
,

}
Zdog 文章的直链
3d 画布 SVG

Zdog

David DeSandro 创建了许多超级酷的 JavaScript 库。他最新的作品是Zdog,一个“用于画布和 SVG 的圆形、扁平、对设计师友好的伪 3D 引擎”。它发布才大约一个月(尽管,…

Avatar of Chris Coyier
Chris Coyier 于 2019 年 7 月 24 日 发布
创建网络上逼真的 3D 图形的文章直链
3d three.js WebGL

创建网络上逼真的 3D 图形

在成为 Web 开发人员之前,我曾在视觉特效行业工作,为《创战记》、《异形》、《生化危机》和《维京传奇》等电影和电视剧创作过屡获殊荣的高端 3D 特效。为了能够创建这些特效,我们…

Avatar of Engin Arslan
Engin Arslan 于 2017 年 8 月 4 日 发布
解决圆形分布中部分重叠项目最后一个项目问题的文章直链
3d 圆形

解决圆形分布中部分重叠项目最后一个项目问题

假设我们想要实现这样的效果:

带部分重叠项目的顺时针圆形(循环)分布。

一开始,这似乎并不复杂。我们从 12 个编号的项目开始:…

Avatar of Ana Tudor
Ana Tudor 于 2017 年 5 月 22 日 发布
使用自定义属性简化 CSS 立方体的文章直链
3d CSS 变量 自定义属性 JavaScript

使用自定义属性简化 CSS 立方体

我知道网上有很多纯 CSS 立方体教程。我自己也做过一些。但是到了 2017 年年中,当所有主流桌面浏览器都支持 CSS 自定义属性时,它们都显得……过时且非常冗长。…

Avatar of Ana Tudor
Ana Tudor 于 2017 年 5 月 17 日 发布
星球大战爬行字幕的文章直链
3d 动画 星球大战

星球大战爬行字幕

星球大战的开场画面是经典的。文字向上并远离屏幕滚动的效果,在 1977 年的电影中既是一种非常酷的特技效果,也是一种很酷的排版风格,它成为了…

Avatar of Geoff Graham
Geoff Graham 于 2017 年 1 月 31 日 发布
响应式音频 WebVR 文章直链
3d three.js Web 音频 WebVR

响应式音频 WebVR

虚拟现实又回来了!所有常见嫌疑人都在参与:HTC、微软、三星和 Facebook 等公司都在兜售各自的设备。不过,这些可预测的玩家不应该独享乐趣!

您制作网站。…

Avatar of Alex Kempton
Alex Kempton 于 2017 年 1 月 5 日 发布
响应式 3D 形状现状的文章直链
3d

响应式 3D 形状现状

有些人可能知道,我一直很喜欢 3D 几何图形。这意味着我倾向于使用 CSS 3D 变换来创建各种几何形状。我已经构建了大量此类演示,您可以查看…

Avatar of Ana Tudor
Ana Tudor 于 2018 年 2 月 27 日 发布
使用 CSS 3D 时需要注意的事项的文章直链
3d

使用 CSS 3D 时需要注意的事项

我一直很喜欢 3D 几何图形。当我注意到 CSS 中的支持变得不错时,就开始使用 CSS 3D 变换。但是,虽然使用变换来创建 2D 形状并在 3D 中移动/旋转它们感觉很自然…

Avatar of Ana Tudor
Ana Tudor 于 2020 年 1 月 29 日 发布
以 9 种方式切片 SVG 的文章直链
3d 边框图像 阴影 SVG

以 9 种方式切片 SVG

Paul Lewis 制作了一个 3D 卡片翻转动画。在那里很简单,但这也需要一个阴影元素

阴影可能需要四处移动或淡出,因此我们需要一个可以使用变换和不透明度进行动画处理的解决方案,

…
Avatar of Chris Coyier
Chris Coyier 于 2016 年 9 月 6 日 发布
  • 更新
  • 1
  • 2
  • 3
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

通过我们精心制作的时事通讯

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

© 2024 . All rights reserved.