Sathiya's Blog

Tag: css5

  • Creating textured background HTML5

    Creating textured background HTML5

    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

    Texture background CSS5
    CSS
    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!