Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Obrócenie tekstu w obróconym divie
-Gość-
post
Post #1





Goście







Znalazłem taki kod CSS, który ma stworzyć romb:
  1. .romb {
  2. border: 2px solid #b30;
  3. width: 80px;
  4. height: 80px;
  5. margin: 3px 0 0 30px;
  6. -webkit-transform-origin: 0 100%;
  7. -moz-transform-origin: 0 100%;
  8. -ms-transform-origin: 0 100%;
  9. -o-transform-origin: 0 100%;
  10. transform-origin: 0 100%;
  11. -webkit-transform: rotate(-45deg);
  12. -moz-transform: rotate(-45deg);
  13. -ms-transform: rotate(-45deg);
  14. -o-transform: rotate(-45deg);
  15. transform: rotate(-45deg);
  16. }


Faktycznie on działa. Pierwotnie był przedstawiony jako zamalowana figura, ale zmieniłem to na border. Teraz, jeśli chcę dodać tekst w środku, jest on obrócony o 45 stopni.. Da się to jakoś w prosty sposób ominąć? Próbowałem zrobić w środku obiekt i nadać mu w CSS rotate(45deg), ale to nie działa. Jakieś sugestie?

Wygląda to tak:

  1. <div class="romb">Coś</div>

(IMG:http://www.iv.pl/images/76379246934289809182.png)
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 18.09.2025 - 17:25