纯CSS实现滚动3D字幕_html/css_WEB-ITnose

一直以来我都想做一个滚动文本的效果，虽然有几种方法实现，其中还有使用WebGL的方法。但我还是想使用HTML和CSS来实现这样的效果。

很多年以前，在Web上实现滚动文本的动画效果一般是采用 marquee 标签来实现，当然也有很多同学采用JavaScript来实现类似的效果。

前几天在CodePen看到有位大神使用纯CSS制作了一个3D的滚动文本效果，仔细看了一会，没想到 thenewcode.com/ 就有介绍这个案例的文章，今天将篇文章翻译出来和大家一起分享。在继续阅读下面的内容之前，先来看一下需要完成的动画效果：

译文内容从这里开始。

锐角(Acute Angles)

使用到的HTML很简单，在一个 div 的容器里，放置了两个 div 元素，而且这两个元素里放置的内容是一样的，如下所示：

    
         ONE LOVE ONE HEART

      
查看更多关于纯CSS实现滚动3D字幕_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did115139