Forum Coders' city Strona Główna Coders' city
Nasza pasja to programowanie!
 

 PomocPomoc   SzukajSzukaj   UżytkownicyUżytkownicy   GrupyGrupy  RejestracjaRejestracja 
Archiwum starego forum + teoria    RSS & Panel/SideBar
 ProfilProfil   Zaloguj się, by sprawdzić wiadomościZaloguj się, by sprawdzić wiadomości   ZalogujZaloguj 

Potrzebuję szybkiej odpowiedzi na moje pytanie... Skrócony regulamin

[CSS3] obrót cienia



 
Odpowiedz do tematu    Forum Coders' city Strona Główna -> Webmasterstwo
Zobacz poprzedni temat :: Zobacz następny temat  
Autor Wiadomość
userman
Gość





PostWysłany: Pią Gru 30, 2011 7:01 pm      Temat postu: [CSS3] obrót cienia Odpowiedz z cytatem Pisownia

Cześć
Robię stronę WWW i mam problem z cieniem.
Otóż chciałbym by pod divem był cień ale obrócony np o 5 stopni

Uzyskałem efekt cienia ale nie wiem jak obrócić ów cień...

Jak obrócić cień w css3 ?
Powrót do góry
DJ_100



Dołączył: 13 Lis 2005
Posty: 1272
Skąd: Łask

PostWysłany: Pią Gru 30, 2011 11:04 pm      Temat postu: Odpowiedz z cytatem Pisownia

Obrócić cień? Hę? Jak by to miało wyglądać?
_________________

Frontpage is not and never been WYSIWYG. (...) It was more like WYSIWTF. (userfriendly.org)
Working on: My website
@MarekGubiec
Powrót do góry
Zobacz profil autora Wyślij prywatną wiadomość Odwiedź stronę autora Numer GG
userman
Gość





PostWysłany: Sob Gru 31, 2011 10:09 am      Temat postu: Odpowiedz z cytatem Pisownia

normalnie :P połóż sobie kartkę papieru lekko obróconą ana nią kolejną prosto - przekrzywiona kartka to mój cień a prosta to mój div :)

da się coś takiego zrobić zna ktoś sposób ?:)
Powrót do góry
Marcin_Miga



Dołączył: 09 Lis 2005
Posty: 2198

PostWysłany: Sob Gru 31, 2011 11:45 am      Temat postu: Odpowiedz z cytatem Pisownia

A umiesz zrobić trójkątnego DIV-a?
Powrót do góry
Zobacz profil autora Wyślij prywatną wiadomość Wyślij email Tlen
Luke



Dołączył: 17 Cze 2007
Posty: 1513
Skąd: Szczecin

PostWysłany: Sob Gru 31, 2011 2:18 pm      Temat postu: Odpowiedz z cytatem Pisownia

Są rzeczy których się nie da zrobić...

tylko niech nikt nie wyskakuje z ale potem przychodzi ktoś, kto nie wie, że czegoś nie da się zrobić i to robi. ;)

_________________
Zdobądź bon o wartości 50zł zakładając darmowe konto internetowe
Powrót do góry
Zobacz profil autora Wyślij prywatną wiadomość Odwiedź stronę autora Numer GG
DJ_100



Dołączył: 13 Lis 2005
Posty: 1272
Skąd: Łask

PostWysłany: Sob Gru 31, 2011 3:24 pm      Temat postu: Odpowiedz z cytatem Pisownia

Luke, chyba muszę z tym wyskoczyć. Nie testowałem, ale spróbuj stworzyć pseudoelement dla swojego diva któremu nadasz obrócenie(transform: rotate()) oraz po prostu cień(box-shadow). Żeby się nie syfiło pokombinuj z position:relative. Jeżeli pozycjonowanie pseudoelemntu względem rodzica nie jest jakoś choro(chorze?) zaimplementowane w przeglądarce, a z tego co pamiętam, któryś silnik miał z tym odpały, to powinni się udać. :D
_________________

Frontpage is not and never been WYSIWYG. (...) It was more like WYSIWTF. (userfriendly.org)
Working on: My website
@MarekGubiec
Powrót do góry
Zobacz profil autora Wyślij prywatną wiadomość Odwiedź stronę autora Numer GG
Marcin_Miga



Dołączył: 09 Lis 2005
Posty: 2198

PostWysłany: Nie Sty 01, 2012 3:56 pm      Temat postu: Odpowiedz z cytatem Pisownia

No tak, ale nadal będzie miał prostokątny cień. A przy rzutowaniu pod kątem na płaszczyznę, kąty ulegają zniekształceniu - dlatego pisałem o trójkątnych DIVach, bo do tego to się sprowadza.

pozdrawiaMM
Powrót do góry
Zobacz profil autora Wyślij prywatną wiadomość Wyślij email Tlen
DJ_100



Dołączył: 13 Lis 2005
Posty: 1272
Skąd: Łask

PostWysłany: Nie Sty 01, 2012 4:45 pm      Temat postu: Odpowiedz z cytatem Pisownia

No to kombinacje z "CSS slants" i cień przez border-image IMO.
_________________

Frontpage is not and never been WYSIWYG. (...) It was more like WYSIWTF. (userfriendly.org)
Working on: My website
@MarekGubiec
Powrót do góry
Zobacz profil autora Wyślij prywatną wiadomość Odwiedź stronę autora Numer GG
Wyświetl posty z ostatnich:   
Odpowiedz do tematu    Forum Coders' city Strona Główna -> Webmasterstwo Wszystkie czasy w strefie CET (Europa)

Strona 1 z 1

 
Skocz do:  
Możesz pisać nowe tematy
Możesz odpowiadać w tematach
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Możesz dodawać załączniki na tym forum
Możesz pobierać pliki z tego forum




Debug: strone wygenerowano w 0.07201 sekund, zapytan = 7
contact

| Darmowe programy i porady Jelcyna | VB4all | Tansze zakupy w Helionie |