css3 renk geçişi body

css3 renk geçişi body

by fatihhayri

HTML

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc fringilla fermentum magna id sagittis. Curabitur et faucibus velit. Nulla magna augue, ultrices nec vestibulum id, suscipit in arcu. Curabitur et nunc a mi venenatis congue. Suspendisse id sapien sit amet tellus iaculis euismod at et ipsum. Donec hendrerit convallis dui ut congue. Proin vel arcu at leo porta pharetra. Cras a urna quis enim scelerisque molestie blandit eu metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;</p>

CSS

body{
            background: #ff0084; /* Old browsers */
            background: -moz-linear-gradient(top,  #ff0084 0%, #230005 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0084), color-stop(100%,#230005)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  #ff0084 0%,#230005 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  #ff0084 0%,#230005 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  #ff0084 0%,#230005 100%); /* IE10+ */
            background: linear-gradient(top,  #ff0084 0%,#230005 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0084', endColorstr='#230005',GradientType=0 ); /* IE6-9 */
}

p{
    width:450px;
    margin:0 auto;
}