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

文章标签
images

45篇文章
{
,

}
指向文章“CSS 无限循环幻灯片,翻转极力片图片”的直接链接
走马灯 css动画 图片 滑块 z-index

CSS 无限循环幻灯片,翻转极力片图片

在上一篇文章中,我们制作了一个非常酷的小型滑块(或者如果你喜欢的话叫“走马灯”),它以循环的方式旋转。这次我们将制作一个翻转极力片堆栈的滑块……

Avatar of Temani Afif
Temani Afif 在 2023年1月12日
指向文章“CSS 无限循环和圆形旋转图片滑块”的直接链接
走马灯 css动画 图片 遮罩 滑块

CSS 无限循环和圆形旋转图片滑块

图片滑块(也称为走马灯)无处不在。有很多CSS技巧可以创建常见的滑块,其中图片从左到右滑动(反之亦然)。许多JavaScript库也是如此……

Avatar of Temani Afif
Temani Afif 在 2023年1月12日
指向文章“CSS 网格和自定义形状,第 3 部分”的直接链接
裁剪路径 css 形状 网格 悬停 图片

CSS 网格和自定义形状,第 3 部分

在第 1 部分和第 2 部分之后,我将通过第三篇文章来探索更多奇特的形状。与之前的文章一样,我们将结合使用 CSS 网格与裁剪和遮罩来创建图片的奇特布局……

Avatar of Temani Afif
Temani Afif 在 2022年11月11日
指向文章“花哨的图片装饰:单元素魔法”的直接链接
裁剪路径 圆锥渐变 悬停 图片 遮罩 多个背景

花哨的图片装饰:单元素魔法

正如标题所说,我们将装饰图片!网上有很多其他文章谈论过这个问题,但我们这里讨论的内容完全不同,因为它更具挑战性。挑战是什么?……

Avatar of Temani Afif
Temani Afif 在 2022年10月28日
指向文章“使用 Sharp、BlurHash 和 Lambda 函数进行内联图片预览”的直接链接
图片策略 图片

使用 Sharp、BlurHash 和 Lambda 函数进行内联图片预览

你是否讨厌加载网站或网络应用程序时,一些内容显示,然后才加载一些图片,导致内容四处移动?这被称为内容重排,并可能导致用户体验极其糟糕……

Avatar of Adam Rackis
Adam Rackis 在 2023年1月27日
指向文章“创建 AVIF 图片的有用工具”的直接链接
av1 avif 图片

创建 AVIF 图片的有用工具

AVIF(AV1 图片文件格式) 是一种现代图片文件格式规范,用于存储图片,与 JPG、JPEG、PNG 和 WebP 等其他格式相比,它可以实现更大幅度的文件缩减。AVIF 规范的 1.0.0 版本……

Avatar of Sunkanmi Fafowora
Sunkanmi Fafowora 在 2022年7月28日
指向文章“寻找带有内联图片的固定背景效果”的直接链接
背景附件 背景图片 固定位置 图片

寻找带有内联图片的固定背景效果

几天前我在为客户做项目,想在<img>上创建某种效果。你看,背景图片可以使用background-attachment: fixed;很容易地实现我想要的效果。使用……

Avatar of Alex Lazar
Alex Lazar 在 2022年1月9日
指向文章“看看 Cloudinary WordPress 插件”的直接链接
Cloudinary 图片优化 图片 WordPress

看看 Cloudinary WordPress 插件

Cloudinary(媒体托管和优化服务)发布了其 WordPress 插件的新版本(v3),它确实很出色。首先,从高级角度来看一下这个插件的功能

  • 它接管了你的媒体处理。图片
……
❥ 赞助(作者:Chris Coyier)
指向文章“帮助使用图片的框架”的直接链接
图片优化 图片 性能

帮助使用图片的框架

我最近写了一篇博客文章,谈论了图片的难点,最终形成了一个关于你在网站上放置图片时应该考虑和实施的各种事项的清单。

我认为看到框架(这些……

Avatar of Chris Coyier
Chris Coyier 在 2021年9月9日
  • 1
  • 2
  • 3
  • ...
  • 5
  • 更早的

CSS-Tricks 由 DigitalOcean 提供支持。

关注最新 web 开发资讯

订阅我们手工制作的时事通讯

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

© 2024 . All rights reserved.