Shared Tutorials

Tutorials Shared by the Internet Community

Tutorial Basic Detail

Gradient Patterns using CSS 3 with out Image

In this tutorials we are going to see how to create a Gradient Patterns for webpages with out using images. This tutorial has been coded with HTML and
http://www.tutorialsfor.com/2012/11/gradient-patterns-using-css-3-with-out.html

Total Hits: 4508
Average Rating :
Total Votes: 15 votes
Average Rating: 4.27 out of 5
Category: CSS/Basic
Set as Favorite

Description:

Pattern 1

.horizontalstrips{ width:200px; height:200px;float:left;
background-size: 50px 50px;
background-color: #0ae;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: -ms-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: -o-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
-pie-background: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 50px #0ae;
}

Rating Detail

Stars	Percentage	Total Vote
	6.67%	1
	0%	0
	6.67%	1
	0%	0
	80%	12

Caste Your Vote