Kako napraviti ovaj oblik (background)

Programiranje
1

Pozdrav, mnogo sam pretrazivao i nisam mogao naci nista slicno.
Dakle, zelim da napravim pomoc CSS-a ovaj oblik dole u jednom div tagu(ako je moguce).
ZNACI OVO U CRVENOM!
CLICK

2

Evo iz jedne teme sto sam ja postavljao.
Mislim da moze da se steluje pozicija linije:

3

Nisam baš u pixel štelao taj kvadrat, ali uglavnom to je to:

<html>
	<head>
		<style>
			#div{
			width:1300px;
			height:360px;
			background: 
			linear-gradient(-6deg, #fff 150px, transparent 0);
			background-size: 1300px 360px;
			background-color:red;}
		</style>
	</head>

<body>
	<div></div>
</body>
</html>
4

Pogledaj svg html5…

5

Ako neide uvijek možeš staviti sliku za bg.

6

Evo :smiley:

#test{
   width: 0px;
   height: 80px;
   border-right: 0px solid rgba(255, 0, 27, 1);
   border-left: 267px solid rgba(255, 0, 27, 1);
   border-bottom: 60px solid transparent; 
}

http://jsfiddle.net/puhup/

1 Like