<div class="content wrapper"> <svg viewBox="0 0 1000 200"> <!-- Symbol --> <symbol id="s-text"> <text text-anchor="middle" x="50%" y="50%" dy=".35em"> Code 4 Use </text> </symbol> <!-- Duplicate symbols --> <use xlink:href="#s-text" class="text"></use> <use xlink:href="#s-text" class="text"></use> <use xlink:href="#s-text" class="text"></use> <use xlink:href="#s-text" class="text"></use> <use xlink:href="#s-text" class="text"></use> </svg> </div> <style> .wrapper { height: 100%; width: 100%; left:0; right: 0; top: 0; bottom: 0; position: absolute; background: linear-gradient(124deg,black,darkgrey,magenta); background-size: 2400% 2400%; -webkit-animation: rainbow 18s ease infinite; -z-animation: rainbow 18s ease infinite; -o-animation: rainbow 18s ease infinite; animation: rainbow 18s ease infinite;} @-webkit-keyframes rainbow { 0%{background-position:0% 82%} 50%{background-position:100% 19%} 100%{background-position:0% 82%} } @-moz-keyframes rainbow { 0%{background-position:0% 82%} 50%{background-position:100% 19%} 100%{background-position:0% 82%} } @-o-keyframes rainbow { 0%{background-position:0% 82%} 50%{background-position:100% 19%} 100%{background-position:0% 82%} } @keyframes rainbow { 0%{background-position:0% 82%} 50%{background-position:100% 19%} 100%{background-position:0% 82%} } </style>

jquery-2.1.4min.js

bootstrap.min.js 2

shCore.js

shBrushJScript.js

shBrushJava.js

shBrushCpp.js

shBrushCSharp.js

shBrushCss.js

shBrushJavaFX.js

assets.css

style.css

bootstrap.min.css

style12.css

demo.css

normalize.css

shCore.css

shThemeDefault.css