我试图将这个有问题的图像放入我的网站中，我放入了 CSS 代码和 HTML，但它仍然不起作用

Question

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

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

超文本标记语言

    <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​​ 安装所有这些。

这是一个有用的链接，可以帮助您设置 sass 和 compass