Δύο gradients σε ένα background

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
Paralias
Δημοσιεύσεις: 82
Εγγραφή: 29 Ιαν 2005 20:00

Δύο gradients σε ένα background

Δημοσίευση από Paralias » 23 Μάιος 2010 15:35

Καλησπέρα σε όλους.

Θα ήθελα τη βοήθειά σας αν είναι εύκολο.

Έχω ένα background image το οποίο έχει δύο gradients (όπως φαίνεται στην εικόνα που επισυνάπτω).

Πιο συγκεκριμένα, έχει linear gradient σε όλο το background και radial gradient στο κέντρο και γύρω γύρω από το content (θεωρήστε content τα μπλε boxes).

Ποια θα ήταν η πιο σωστή τακτική/τεχνική για να κοπεί αυτό το psd σε html με css;
Υπάρχει κάποιος "έξυπνος" τρόπος ή κάποιο site που να έχει κάνει το ίδιο πράγμα;
Συνημμένα
radial.jpg

Άβαταρ μέλους
Basilakis
PHP Moderator
Δημοσιεύσεις: 8574
Εγγραφή: 17 Νοέμ 2003 13:03
Τοποθεσία: Womans' Brain
Επικοινωνία:

Δύο gradients σε ένα background

Δημοσίευση από Basilakis » 23 Μάιος 2010 23:08

Φτιάχνεις το μαύρο gradient και το ορίζεις background

φτιάχνεις το λευκό και το βάζεις bahckground στο wrapper ( κεντρικό div

φτιάχνεις ένα div με το μπλέ σου κουτί, το οποίο έχει μια απόσταση padding απο δεξια αρίστερά και πάνω απο το wrapper!

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης