element走马灯样式改造

为什么我不是神经病 2021-04-09 03:10:49
我想要让走马灯实现下面的样式，该怎么实现，球球大佬
现在的效果：
我要的效果：
...全文
1940 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
孤身奋战的小白 2021-04-12
  • 打赏
  • 举报
 回复
3维旋转和三维移动结合调一调就好了
Stephen_112 2021-04-12
  • 打赏
  • 举报
 回复
学习一下transform不就会了
为什么我不是神经病 2021-04-12
  • 打赏
  • 举报
 回复
引用 2 楼 泡泡鱼_ 的回复:
css 试一下：transform:rotateY(130deg)，可以的话自己去调下角度
我刚刚试了这样是翻转
泡泡鱼_ 2021-04-09
  • 打赏
  • 举报
 回复
css 试一下：transform:rotateY(130deg)，可以的话自己去调下角度
Leven Han 2021-04-09
  • 打赏
  • 举报
 回复
没个万儿八千的，没人愿意帮你工作的
基于element-ui走马灯修改成消息提示
这篇博客展示了如何利用element-ui的走马灯组件，通过设置垂直方向、自动播放和鼠标进入时的处理，将其改造为一个消息提示功能。代码示例中，创建了一个包含三个消息项的走马灯，当鼠标进入时，暂停自动播放。样式部分调整了字体颜色、大小和行高，以适应消息提示的视觉效果。
element走马灯自动_[转]vue Element UI走马灯组件重写
本文详细解析了Element UI中走马灯组件carousel的源代码，包括左右切换按钮、指示器的实现，以及如何关联子组件。并介绍了对carousel的改造，实现了不全屏展示且最多显示5张卡片的效果，调整了卡片大小和移动距离。
el-carousel 走马灯 自定义指示器样式：从小圆点到创意设计
本文系统讲解如何深度定制Element UI el-carousel组件的指示器样式，涵盖从默认长条到小圆点的基础改造、方形/三角形/线条等创意形状实现、hover与激活态交互动画、过渡效果及‘跟随式’滑块模拟，并延伸至响应式布局适配、CSS变量驱动的主题切换、以及避免重绘重排的高性能动画实践，聚焦Vue生态下CSS穿透、transform/opacity优化、媒体查询与DevTools性能验证等关键技术。
ElementUI走马灯隐藏技能：用slot自定义箭头和指示器样式（含移动端适配方案）
本文聚焦ElementUI Carousel组件的深度定制，详解如何利用scoped slot自定义箭头与指示器样式，穿透作用域覆盖默认CSS，并通过touch事件、transform及transition实现移动端惯性滑动与响应式适配。涵盖3D轮播、视频集成等高阶场景，强调性能优化与降级策略。
JavaScript

87,987

社区成员

224,683

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章