代码拉取完成,页面将自动刷新
?> 背景知识: animation
<script v-pre type="text/x-template" id="single-projection"> <style> main { width: 100%; height: 329px; display: flex; background: url('./static/full-fire-cloud.jpg') repeat-x 0 center/auto 100%; animation: smooth 10s linear infinite; animation-play-state: running; } /* main:hover, main:focus { animation-play-state: running; } */ @keyframes smooth { to { background-position: 1970px center; } } </style> <script> </script> </script>!> 上图为两张左右对称的图片拼接而成,效果不是很完美,在开发中,只需使用一张左右可以无缝对接(类似360°全景图)的图片即可更完美。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。