Har været inde på denne her side http://lea.verou.me/css3patterns/ som bliver omtalt i video 4.
nogle at koder køre helt fint med prefix som beskrevet, men hvis jeg bruger stairs, carbon og japanese cube fryser fierfox og mønstret ser ikke rigtig ud.
Så har jeg prøvet med chrome og her ser mønstret heller ikke rigtig ud men chrome fryser i det mindste ikke.
Har prøvet at køre både lokalt og eksterne, med lige lidt hjælper det.
jeg har også prøvet kun at havde koden til firefox, med det gør heller ikke den store forskel.
Ccs3 koden ser sådan har ud, hvad pokker er det som jeg gør galt,
Kode: Vælg alt
body{
font-family: Arial,Helvetica,sans-serif;
background:
-moz-linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
-moz-linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
-moz-linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
-moz-linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
-moz-linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
-moz-linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
background-color: #131313;
background-size: 20px 20px;background:
-webkit-linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
-webkit-linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
-webkit-linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
-webkit-linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
-webkit-linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
-webkit-linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
background-color: #131313;
background-size: 20px 20px;
}
