CSS

Code for an Animated Border on a Box, only with CSS and HTML used! &lt;style&gt;<br /> &nbsp;&nbsp; &nbsp;.container{&nbsp; padding-top: 20px;<br /> &nbsp;&nbsp; &nbsp;&nbsp; padding-bottom: 20px;}<br /> &nbsp;&nbsp; &nbsp; &nbsp;<br /> &nbsp;&nbsp; &nbsp;.b...

Flicker Text Example &lt;style&gt;@keyframes textflicker {<br /> &nbsp; from {text-shadow: 1px 0 0 #C1C1C1, -2px 0 0 #000000}<br /> &nbsp; to {text-shadow: 2px 0.5px 2px #C1C1C1, -1px -0.5px 2px #000000;}}<br /> #statered2 { padding: 1em;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; colo...

&lt;!doctype html&gt;<br /> &lt;html&gt;<br /> &lt;head&gt;<br /> &lt;meta charset=&quot;utf-8&quot;&gt;<br /> &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge,chrome=1&quot;&gt;<br /> &lt;meta name=&quot;viewport&quot; con...

Put this into an element to prevent padding / borders from changing the width of an element. -webkit-box-sizing: border-box; /* Chrome */ -moz-box-sizing: border-box; /* Firefox */ box-sizing: border-box; /* Opera/IE */ ...

If you encounter z-Index Problems on safari you can try to put that code into your z-indexed element: &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; -webkit-transform: translate3d(0, 0, 0);<br /> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;transform: translate3d(0, 0, 0); ...