纯css轮播效果 - 腾讯云开发者社区

文章/答案/技术大牛

发布

1回答

使用纯CSS创建轮播

javascript、html、css、angularjs、carousel

我正在尝试创建一个简单的CSS旋转木马，可以容纳5个项目在当前视图中，并显示在滑块点击休息。这是我用灰色背景创建的水果列表。

浏览 0提问于2018-09-17得票数 0

1回答

打开遇到轮播页面现实的网页这种，整个系统就超级卡基本操作不了，比如我什么都不打开进入360浏览器官网有轮播banner 就会很卡?

弹性网卡、浏览器、系统

打开遇到轮播页面现实的网页这种，整个系统就超级卡基本操作不了，比如我什么都不打开进入360浏览器官网有轮播banner 就会很卡

浏览 526提问于2023-09-01

1回答

在用作页眉的轮播上创建有效的zoomi需要做什么

css、html

但我希望得到我在www.oracle.com上看到的效果。图像会被放大然后滑出。我知道如何做滑动图像轮播，但我尝试了服务器css javascript方法，没有给网站的效果。

浏览 1提问于2017-10-05得票数 0

1回答

无限自动播放纯css轮播

javascript、css、sass

我正在寻找一个纯css无限循环移动div。我已经找到了这个codepen，这是我主要在寻找的，但我找不到正确的设置，使它动画一次一个标志。height="100" width="250" alt="" /> </div> </div> css

浏览 18提问于2019-04-17得票数 0

1回答

响应式html内容轮播插件或不带

javascript、jquery、carousel

我希望做一个响应式的html内容轮播。如下图所示。尝试使用jQuery Cycle2，但无法达到我想要的效果。在寻找能够做到这一点的插件时，我认为最简单的解决方案可能是尝试使用纯JavaScript/jQuery。找到了这个主题现在我正在努力通过响应式元素来实现这个目标。

浏览 2提问于2014-11-04得票数 1

1回答

如何使幻灯片在纯react旋转木马中居中

pure-react-carousel

有没有一个属性我可以在pure-react-carousel中设置，使幻灯片显示为“居中”。我试着为这个找到一个选项，但是没有。

浏览 7提问于2020-03-06得票数 0

6回答

强制在加载包括JS文件在内的任何内容之前加载某些JS文件和图像

javascript、image、load

因为我的客户的页面有大量的Javascript，所以我为手机版添加的图像轮播在智能手机上的渲染耗时很长。我想加载轮播图像，然后轮播所需的文件(jQuery，carousel JS文件，carousell CSS文件)之前，任何其他包括JS，CSS等。这是可能的吗?如果是的话，该怎么做？

浏览 0提问于2014-02-11得票数 2

1回答

涟漪效果纯css透明

html、css、material-design

我正在尝试创建一个像这样的纯CSS波纹效果：</div><span class="button">Button 2</span> </

浏览 9提问于2019-11-22得票数 1

回答已采纳

1回答

Twitter Bootstrap carousel不滑动

jquery、twitter-bootstrap

在他们的网站上，它的幻灯片效果很好，但在我的代码中，它只是翻转图像。编辑:在一些高分辨率屏幕上。例如: iPad轮播闪烁，所以添加下面的css类到你的css文件。

浏览 2提问于2012-09-11得票数 1

2回答

在纯css中是可能的吗？

css、gradient

我必须在我的网站中完全像这样做背景：但是当我将这段代码添加到我的css中时，效果就不同了。在这里我可以看到eclipse线条，我不知道如何在纯css中获得这种效果。谢谢你的建议。

浏览 19提问于2018-02-04得票数 0

回答已采纳

2回答

在style=slides时禁用amp-carousel中的控件

html、carousel、amp-html

我想隐藏“上一个”和“下一个”控件，当amp-carousel的类型是“幻灯片”时，它们会显示出来。我还没有找到任何关于如何定制"controls“属性的文档。

浏览 1提问于2016-02-11得票数 5

1回答

具有多个项目的引导转盘和同一页面上的默认转盘

html、css、twitter-bootstrap

我在页面上的特定轮播中应用CSS时遇到了问题。我所指的例子可以在下面的链接中看到。

浏览 3提问于2015-05-27得票数 4

1回答

owl轮播导航效果

javascript、jquery、css、owl-carousel

我有一个猫头鹰旋转木马，我的网站是响应式的，当我在iphone上打开我的网站时，我得到了这个，我的猫头鹰旋转木马导航是剪切的，但它只用于iphone在samsung设备的网站上看起来很好，在我的电脑显示器上也看起来很好，有人知道它是什么吗 ?

浏览 20提问于2021-10-23得票数 2

回答已采纳

1回答

因为我的网站在一个页面上有两个不同的引导转盘。每一个都应该有自己的转换speed.After经过很长一段时间的尝试，我找到了一个通过javascript解决问题的方法 document.getElementById("image1").style.cssText="position: relative;-webkit-transition: 5s ease-in-out left;-moz-transition: 5s ease-in-out left;-o-transition: 5s ease-in-out left;transition: 5s ease-in-o

浏览 0提问于2013-03-14得票数 3

3回答