Gradient Patterns using CSS 3 with out Image

Top Tutorials

New Tutorials

Submit

Login

Register

Tutorial Detail

• Total Hits: 4054

• Average Rating :
  

•  

• Total Votes: 14 votes

• Category: CSS/Basic

• Submitted on: 2013-01-09 06:17:07

• Submitted By: Vinoth Kumar

• 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;
}    More detail...

Rating Detail

Stars	Percentage	Total Vote
	7.14%	1
	0%	0
	7.14%	1
	0%	0
	78.57%	11

Caste Your Vote

Rating	Selection	Guidelines
Poor:		Very disappointing, useless.
Fair:		Below average, disappointing but not useless.
Good:		About average in its class.
Very Good:		Above average for its category.
Excellent:		One of the best Tutorials in its category.

---