分享笔记:

图片持续滚动效果

创建引人注目的持续滚动效果,选择单列布局,然后添加Image Carousel模块,上传并展示你的图片。简单步…

文章目录

滚动 CSS 代码

selector .swiper-wrapper {
-webkit-transition-timing-function: linear!important;
transition-timing-function:linear!important;
}

上面的代码是针对Elementor PRO的,你只有免费版的话需要去给图像滚轮换个class,去到图像滚轮的高级设置 > CSS类 > 起一个名字(我这用的是test)

由于free是不能编辑Elementor css代码的,所以全部代码我们得加到主题里。主题自定义 > 额外CSS > 粘贴上面的代码,不过要把selector改成我们刚刚给图像轮播写的CSS类,注意前面要有个点(.)

按我给的例子就是:

.test .swiper-wrapper {
-webkit-transition-timing-function: linear!important;
transition-timing-function:linear!important;
}

为笔记评分

平均评分 5 / 5. 摘星者: 3

留下第一个评论

更多结果...

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors

更多结果...

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors