html - 我想把这个有问题的图片放到我的网站上，我把 CSS 代码和 HTML 都放进去了，但它仍然不起作用

Question

我正在尝试使用 codepen 中的代码。我所要做的就是复制 CSS 和 HTML 对吗？另外，我必须添加 SCSS 吗？谢谢!

http://codepen.io/anon/pen/pbzawL

HTML

    <link href='http://fonts.googleapis.com/css?family=Varela' rel='stylesheet'     type='text/css'>

<div class="glitch" data-text="GLITCH">GLITCH</div> 

Answer 1

没错，您只需要 codepen 上的内容即可。

然而，这不是 CSS，它是 SCSS (sass)，因此您需要编译该代码以生成 CSS，然后您可以在您的网站上使用它。那也使用了您也需要安装的指南针。您使用 ruby​​ 安装所有这些。

Heres a helpful link that will get you set up with sass & compass