Creating texture background HTML5 and making the html page is very simple and hosting in a minute, so here some trick to making more fancy on it. We have seen in previous post that how to make simple html site maintenance page.
Creating textured background HTML5 snippet
|
1 2 3 4 5 6 7 8 |
body { color: #FFF; .. background: radial-gradient(black 15%, transparent 16%) 0 0, radial-gradient(black 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px; background-color: #282828; background-size:8px 8px; … } |
I have modified the body text color and added few background tags. This would make more different than previous one.
Cheers!