关注
码龄
粉丝数
原力等级 --
被采纳
被点赞
采纳率
2301_81146623
2023-12-13 14:29
采纳率: 81.8%
浏览 5
首页
前端
已结题
用纯css能做出轮播图效果吗
css
html
前端
想在图中圈起来的地方做成轮播图,我用的宽度是百分比的,不是用px,有没有办法用纯css做出轮播图
收起
写回答
好问题
0
提建议
关注问题
微信扫一扫
点击复制链接
分享
邀请回答
编辑
收藏
删除
收藏
举报
1
条回答
默认
最新
关注
码龄
粉丝数
原力等级 --
被采纳
被点赞
采纳率
静阅探雨
2023-12-13 14:34
关注
如果是做出静态的轮播图效果是完全没问题的,但实现切换css可能实现不了,但你也可以用CSS3的动画试一下,但概率不大
本回答被题主选为最佳回答
, 对您是否有帮助呢?
本回答被专家选为最佳回答
, 对您是否有帮助呢?
本回答被题主和专家选为最佳回答
, 对您是否有帮助呢?
解决
无用
评论
打赏
微信扫一扫
点击复制链接
分享
举报
评论
按下Enter换行,Ctrl+Enter发表内容
查看更多回答(0条)
向“C知道”追问
报告相同问题?
提交
关注问题
如何使用
CSS
样式
做出
图片切换
效果
2023-08-02 17:02
小段爱前端的博客
【代码】如何使用
CSS
样式
做出
图片切换
效果
。
利用js和
css
实现banner
轮播图
效果
2025-03-16 14:11
Kritsm_(o^^o)的博客
轮播图
的轮播
效果
在视觉上是图片的切换,但是实际上是两张图片在一个组件里面通过位移来实现的
效果
,所以
轮播图
的实现难点就在于如何让多张图片水平放置、如何让多张图片只显示一张、如何实现定时的轮换
效果
。
学习
前端
前期想
做出
轮播图
效果
之swiper插件的介绍
2022-07-23 16:38
Tea-pd的博客
swiper是一款轻量级的
轮播图
插件,不仅支持pc端更是为移动端而生,用它可以快速地
做出
一个
轮播图
,或者扩展使其
做出
复杂的轮播
效果
。 基本用法 swiper使用需要两个文件,一个是swiper.
css
,里面..swiper是什么? ...
小白也能搞定:
CSS
实现无限循环图片轮播(零JS+超流畅
效果
)
2025-11-14 23:46
DTcode7的博客
下次产品经理再拍拍你的肩膀:“亲,给我来个 60 帧顺滑轮播,还要无依赖、不卡顿、能倒带、能淡入淡出”,你可以优雅地推一下眼镜,说:“给我十分钟,写几行
CSS
就行。”——然后在他震惊的目光中,继续淡定地喝...
CSS
3动画打造自动
轮播图
效果
2025-08-26 04:09
IBEANI的博客
定义好的动画名称(例如)可以应用到一个 HTML 元素上,通过属性与相应的动画...除了使用from和to,我们可以通过定义多个关键帧来创建更加复杂的动画
效果
。例如,创建一个元素旋转并淡入淡出的动画:0% {opacity: 0;
只用
CSS
跟HTML
做出
无缝衔接的
轮播图
效果
2024-03-18 23:11
一只努力向上鸭的博客
通过
CSS
3的animation动画属性,完成无缝衔接的
轮播图
效果
探究
前端
的跑马灯
效果
是如何用
css
实现的
2023-03-20 08:15
爱音斯坦牛的博客
无意见看到了一个网站的一个动画的跑马灯
效果
很不错,这篇博客将用
css
实现跑马灯
效果
,剖析它是如何实现的!并且我也推荐用
css
实现这种无缝滚动的跑马灯,
效果
看起来更平滑,用js定时器实现的会有明显的抖动
效果
!
纯
CSS
实现图片百叶窗展示
效果
2020-08-18 18:47
River_Js的博客
纯
CSS
图片百叶窗 首先给大家看一下完成
效果
主要思路:其实这个百叶窗还是利用了一种障眼法,我们看上去是鼠标移动上去之后,图片展开了,其实这些图片在原地根本没有动,只不过是我们把这些图片放在了一个列表里,...
前端
新手必看:
CSS
文字描边
效果
实战指南(兼容方案+避坑技巧)
2025-11-11 20:24
DTcode7的博客
第一次接到“给标题加 1 px 白色描边”的需求时,我自信满满地写下: 刷新页面,Chrome 里美得像个...今天把它打包送你,附带 20+ 段可直接粘贴的代码,保你下次再被设计师追问“能不能再描粗 0.5 px”时,嘴角上扬,
无需JavaScript的纯
CSS
3
轮播图
制作教程
2025-08-22 23:08
王小约的博客
CSS
(层叠样式表)是用于描述网页...
CSS
3的发展不仅仅是为了增强网页的视觉
效果
,它还在提高开发效率、降低资源消耗方面
做出
了巨大贡献。通过模块化的设计,开发者可以仅使用所需的样式特性,而无需加载整个库或框架。
没有解决我的问题,
去提问
向专家提问
向AI提问
付费问答(悬赏)服务下线公告
◇ 用户帮助中心
◇ 新手如何提问
◇ 奖惩公告
问题事件
关注
码龄
粉丝数
原力等级 --
被采纳
被点赞
采纳率
系统已结题
1月5日
关注
码龄
粉丝数
原力等级 --
被采纳
被点赞
采纳率
已采纳回答
12月28日
关注
码龄
粉丝数
原力等级 --
被采纳
被点赞
采纳率
创建了问题
12月13日