轮播轴

css+js扑克轮播图效果

一个创意的扑克牌轮播图效果,可以通过CSS和JavaScript结合来实现。

图片和文字介绍卡片左右切换

卡片左右切换效果可通过HTML和CSS实现。首先创建基本的HTML结构,包括容器元素和多个子元素(卡片)。每个子元素代表一个卡片内容。接着在CSS中设置容器元素的宽度、高度和溢出属性为隐藏,以及子元素...

CSS代码实现的写轮眼

实现一个类似《火影忍者》中写轮眼的CSS效果是一个有趣的项目,我们尝试使用CSS来创建一个简化版的写轮眼效果。.you{transform: translateX(135px);border-radi...

css+js相册轮播图特效

很有创意的图片切换效果,全屏大图和小图切换,按钮可以控制轮播,使用JavaScript和CSS实现的网页特效。

多个图片左右切换效果

基于JavaScript和Css代码实现的多个图片左右切换效果,可以作为产品展示,中间可以添加文字描述。

音乐歌词滚动样例代码

一个基于原生方式(HTML+CSS+JS)实现的歌词滚动效果案例。

全屏图片文字轮播效果

很实用的全屏图片文字轮播效果,使用js和css代码实现的布局。适合大篇幅的图片和文字介绍场景。

Timeline时间轴统计图表

基于apexcharts.js实现的基础统计图表,水平样式的timeline时间轴数据统计效果。

简约的时间线特效Timeline

此代码片段可帮助您使用CSS3创建可折叠的时间线,展开和折叠时间线项目。

jQuery圆形导航控制轮播图特效

一款基于jQuery实现的背景图轮播代码特效,在页面左侧是一个圆形旋转的导航,点击导航缩略图时,会全屏切换对应的背景图。可以自定义文字。

swiper.js立方体轮播图效果

基于swiper.js的立方体轮播图效果。该轮播图使用swiper.js来制作,可以通过鼠标拖拽来旋转立方体,查看每一张图片。

可展开合并的Timeline时间轴效果

好看又实用的垂直时间轴效果,使用少量的代码实现合并和展开,是一款通用的时间轴样式布局。

使用swiper创建卡片拖拽特效

基于swiper.js的卡片拖拽特效。该特效用于展示电影海报,它先将所有电影海报图片堆叠在一起,用户可以通过拖拽图片来展示下一张海报,效果非常炫酷。

swiper轮播例子

很实用的swiper轮播例子,添加了一些美化效果,比如动态的网页背景,一些彩色气泡。还有边框的立体感样式等。

gsap.js卡片左侧切换

很实用的卡片式左右轮播切换,自适用网页宽度,带左右箭头切换。

css卷纸效果 鼠标滚动

使用css和div画的卷纸效果 鼠标滚动会拉开

SVG时间轴样式

很有创意的SVG时间轴样式,头像连接的效果是用svg实现的,可以当做时间轴或者评论区域。

简单的Carousel照片切换

使用原生JavaScript代码实现的Carousel照片切换,简单的轮播小部件。
  • 标签大全|网站地图|关于我们|用户协议
  • 背景样式编辑器|按钮样式编辑器|背景动效编辑器|图片布局编辑器|在线工具