Navigation menu

0755-82192581
  • Contact us
  • 0755-82192581
  • 深圳市罗湖区嘉宾路深华商业大厦9楼(地铁1号线国贸站B出口既是)

    3375726676@qq.com


    © 2007-2021 All Rights Reserved.
  • 策略型高端网站设计公司

    Strategic advanced website design company

    View More
  • 网站开发中HTML和纯CSS中的无限滚动徽标

    时间:2024-04-08  作者:GARY  来源:https://www.niegoweb.com/news-5-692-1.html
    我们在进行网站开发过程中,还记得HTML吗元素吗,它已被弃用,所以当您需要某种水平自动滚动功能时一般都会考虑CSS,因为它拥有我们实现它所需的简单工具。


    深圳专业网站开发公司

    当我被要求制作一个自动滚动的徽标农场时,我不得不问自己:“你的意思是,像一个?“这不是最奇怪的要求,但一想到让人想起地理城市统治的“旧”网络时代。接下来是什么,一个重复的闪闪发光的独角兽GIF背景。不再推荐使用此功能。尽管一些浏览器可能仍然支持它,但它可能已经从相关的web标准中删除,可能正在被删除,或者可能只是出于兼容性目的而保留。

    因为无论无限滚动功能是什么我们肯定可以在CSS中取得成功。但是当我研究例子来帮助指导我时,我惊讶地发现几乎没有什么。也许自动滚动元素现在并不流行。也许自动滚动行为的纯粹性质足以成为可访问性的危险信号。无论如何,我们有工具来做这件事,我想分享一下我是如何做的。这是可以用许多不同的方式完成的事情之一,利用许多不同的CSS功能。尽管我不打算详尽地探索所有这些问题,但我认为看到其他人的思维过程是一件很好的事情。

    正如我提到的,我试图寻找一些想法。虽然我没有找到我正在寻找的东西,但我确实找到了一些提供灵感火花的演示。我真正想要的是只使用CSS而不必“克隆”字幕项目。但我还有别的追求。我想要的是尽可能少的HTML,也就是说,不需要复制标记来创建图像数量无穷的印象。换句话说,我们应该能够创建一个无限滚动的图像系列,其中图像是“marquee”容器中唯一的子元素。

    相关案例

    OTHER CASE