Χρήση CSS αντί για εικόνες σε repeat-x - πως;

[philos]

Γεια σας παιδιά!

 

Έχω δύο ερώτησεις σχετικά με CSS.

Έχουμε τις ακόλουθες δύο εικόνες (κάντε click για φυσικό μέγεθος), τις οποίες χρησιμοποιώ κάνοντας repeat-x για να διαμορφώσω το design μιας σελίδας. Στη πραγματικότητα έχουν width 1px, απλά σας παραθέτω μια επαναληπτική εικόνα για να μπορέσετε να δείτε τα χρώματα.

 

Η ερώτησή μου: μπορώ να πετύχω το συγκεκριμένο αποτέλεσμα, χωρίς εικόνες, αλλά αμιγώς με CSS;

Αν ναι, μπορεί κάποιος να μου πει πως γίνεται;

 

 

 

 

Τέλος, είναι εφικτό να δίνω ένα χρώμα (πχ "red" ή κάτι σε hex) και με υπολογισμό αναλογιών, να δίνεται το παραπάνω αποτέλεσμα; Αν όχι, δεν πειράζει, απλά προσπαθώ να αναπτύξω κάτι οργανωμένο και παραμετροποιήσιμο εύκολα.

[dominotrix]

Ναι φυσικα δες αυτο:

 

http://www.cssmatic.com/gradient-generator

 

Και αυτο:

 

http://www.colorzilla.com/gradient-editor/

[k33theod]

Όπως σου είπε ο dominotrix

Αν θές να γράψεις μόνος σου τον κώδικα 

http://www.w3schools.com/css/css3_gradients.asp

Επίση για μένα καλύτερα το χρώμα να το δίνεις σε rgba.