κλίση σε γράμματα

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

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

Απάντηση
Άβαταρ μέλους
Cypriot
Δημοσιεύσεις: 355
Εγγραφή: 20 Οκτ 2009 15:43

κλίση σε γράμματα

Δημοσίευση από Cypriot » 27 Δεκ 2009 16:38

υπάρχει τρόπος να δώσω κλίση στα γράμματα; image
Συνημμένα
Ανώνυμο.jpg
Ανώνυμο.jpg (1.57 KiB) Προβλήθηκε 2134 φορές

Άβαταρ μέλους
Cypriot
Δημοσιεύσεις: 355
Εγγραφή: 20 Οκτ 2009 15:43

κλίση σε γράμματα

Δημοσίευση από Cypriot » 28 Δεκ 2009 01:26

και η λύση είναι
-webkit-transform: rotate(+10deg);
-moz-transform:rotate(+10deg);

Άβαταρ μέλους
Cypriot
Δημοσιεύσεις: 355
Εγγραφή: 20 Οκτ 2009 15:43

κλίση σε γράμματα

Δημοσίευση από Cypriot » 28 Δεκ 2009 01:41

εννοείτε πως δεν δουλέυει σε IE

Άβαταρ μέλους
Andreas_O
Honorary Member
Δημοσιεύσεις: 1621
Εγγραφή: 14 Σεπ 2007 17:22
Τοποθεσία: Aθήνα
Επικοινωνία:

κλίση σε γράμματα

Δημοσίευση από Andreas_O » 29 Δεκ 2009 00:00

Cypriot έγραψε:και η λύση είναι
-webkit-transform: rotate(+10deg);
-moz-transform:rotate(+10deg);
Σωστά, απλώς να προσέξετε το παρακάτω: κάνει transform όλο το div και όχι μόνο το κείμενο :)
;]

alexsoft

κλίση σε γράμματα

Δημοσίευση από alexsoft » 30 Δεκ 2009 01:01

Cypriot έγραψε:εννοείτε πως δεν δουλέυει σε IE
Γιατί υπάρχει και κάτι που να δουλεύει σωστά στον ΙΕ...... μόνο με αλχημείες.....

Άβαταρ μέλους
Cypriot
Δημοσιεύσεις: 355
Εγγραφή: 20 Οκτ 2009 15:43

κλίση σε γράμματα

Δημοσίευση από Cypriot » 30 Δεκ 2009 19:35

έχετε κάποια λύση υπόψιν;; :S

alexsoft

κλίση σε γράμματα

Δημοσίευση από alexsoft » 30 Δεκ 2009 22:31

Κώδικας: Επιλογή όλων

<a href="#" id="one" class="rotate">This is 45deg -rotated element.</a>
<a href="#" id="two" class="rotate">This is 10deg -rotated element, which rotates to 45deg when hovered.</a>

Κώδικας: Επιλογή όλων


.rotate	&#123;display&#58;block;width&#58;100px;height&#58;100px;padding&#58;20px;margin&#58;75px 0px 0px 50px;border&#58;1px solid #202020;background-color&#58;#F0F0F0;text-decoration&#58;none;color&#58;#000000;font&#58;normal 14px arial, helvetica, sans-serif;&#125;

.rotate&#58;hover &#123;background-color&#58;#FFFFFF;color&#58;#000000;&#125;
.rotate&#58;visited	&#123;color&#58;#000000;&#125;

#one &#123;
behavior&#58;url&#40;-ms-transform.htc&#41;;
-moz-transform&#58;rotate&#40;45deg&#41;;
-webkit-transform&#58;rotate&#40;45deg&#41;;
-o-transform&#58;rotate&#40;45deg&#41;;
-ms-transform&#58;rotate&#40;45deg&#41;;
&#125;
#two &#123;
behavior&#58;url&#40;-ms-transform.htc&#41;;
-moz-transform&#58;rotate&#40;10deg&#41;;
-webkit-transform&#58;rotate&#40;10deg&#41;;
-o-transform&#58;rotate&#40;10deg&#41;;
-ms-transform&#58;rotate&#40;10deg&#41;;
&#125;
#two&#58;hover &#123;
-moz-transform&#58;rotate&#40;45deg&#41;;
-webkit-transform&#58;rotate&#40;45deg&#41;;
-o-transform&#58;rotate&#40;45deg&#41;;
-ms-transform&#58;rotate&#40;45deg&#41;;
&#125;
Δες παράδειγμα εδώ:
http://demo.hakoniemi.net/Cross-browser ... onwithCSS/

sibas
Honorary Member
Δημοσιεύσεις: 1853
Εγγραφή: 21 Φεβ 2003 01:21
Τοποθεσία: Μια εδώ.. Μια εκεί.. Σήμερα είμαι εδώ!!!
Επικοινωνία:

κλίση σε γράμματα

Δημοσίευση από sibas » 31 Δεκ 2009 10:16

δεν υπάρχει λύση σε αυτό, είναι προτιμότερο να βάλεις μια φώτο.. τουλάχιστον αν θέλεις να το βλέπουν όλοι το ίδιο

alexsoft

κλίση σε γράμματα

Δημοσίευση από alexsoft » 31 Δεκ 2009 10:32

sibas έγραψε:δεν υπάρχει λύση σε αυτό, είναι προτιμότερο να βάλεις μια φώτο.. τουλάχιστον αν θέλεις να το βλέπουν όλοι το ίδιο
Δουλεύει και παραδουλεύει φίλε sibas (μόνο στο Opera 10.10 δεν δουλεύει)

επισυνάπτω τα test του συνδέσμου που έδωσα πάνω στους κυριότερους Browsers
Συνημμένα
firefox_356.jpg
Firefox 3.5.6
ie_7.jpg
IE 7 (IE8 με IE 7 emulation)
safari_4.jpg
Safari 4
opera_1010.jpg
Opera 10.10

Απάντηση

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

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

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