GoldenLine
Zaloguj się
Maja Miarecki

Maja Miarecki Senior Frontend
Developer

Temat: cien? ramka? obrazek w bg?

Mam sobie kontener, ktory ma miec z prawej i z lewej cien. box-shadow ustawia mi cien na dole i po prawej, jest jakas opcja moze, ktorej jeszcze nie odkrylam, a ktora umozliwi mi ustawienie cienia, tak jak ja chce? Czy pozostaje wrzucenie obrazka w tlo? Albo jakas inna sugestia?
Link do wypowiedziLink
Olga Grabek

Olga Grabek Senior Software
Engineer

Temat: cien? ramka? obrazek w bg?

Może tak (przykład F):

http://www.css3.info/preview/box-shadow/

W sumie nie wiem, jak chcesz ustawiać ten cień, ale pod linkiem, który podałam są różne przykłady.Olga Grabek edytował(a) ten post dnia 09.10.12 o godzinie 12:26
Link do wypowiedziLink
Rafał Książek

Rafał Książek Some random guy ...

Temat: cien? ramka? obrazek w bg?

Hmm właściwością CSS3 {box-shadow} możesz zrobić cień z dowolnej strony, ale niestety nie da się ustawić cienia tylko z lewej i tylko z prawej.
Ja zrobiłbym dwa kontenery (jeden w drugim), jednemu ustawiłbym {padding-left} i dodał {background} po lewej stronie, drugiemu ustawił {padding-right} i dodał {background} po prawej stronie. Dzięki temu, jeżeli w przyszłości, będziesz potrzebować coś takiego rozszerzyć albo zmniejszyć (np. o 10px), to po prostu zmienisz wartość {width} na głównym kontenerze.

Edit:
W sumie, można też {box-shadow: -7px 0px 5px -5px #888888;} ustawić na pierwszym kontenerze, a {box-shadow: 7px 0px 5px -5px #888888;} ustawić na drugim.Rafał Książek edytował(a) ten post dnia 09.10.12 o godzinie 12:37
Link do wypowiedziLink
Maja Miarecki

Maja Miarecki Senior Frontend
Developer

Temat: cien? ramka? obrazek w bg?

No wlasnie tez przysiadlam bardziej nad box-shadow i zrobilam takie cos:


	-webkit-box-shadow: 4px 2px  #999,  -4px 0 2px #999;   

	-moz-box-shadow: 4px 0 2px #999,  -4px 0 2px #999;   

	box-shadow: 4px 0 2px #999,  -4px 0 2px #999;


Bangla :)
Link do wypowiedziLink
Krzysztof Kurzawa

Krzysztof Kurzawa Web / Mobile
Developer

Temat: cien? ramka? obrazek w bg?

Mozilla już w pełni wspiera standard więc nie trzeba używać już developerskiego -moz- xD

Oczywiście mogę się mylić;p
Link do wypowiedziLink

konto usunięte

Temat: cien? ramka? obrazek w bg?

Na box-shadow i inne drobiazgi z CSS3 są generatory. Szybciej, łatwiej i przyjemniej. http://css3generator.com/
Link do wypowiedziLink
Maja Miarecki

Maja Miarecki Senior Frontend
Developer

Temat: cien? ramka? obrazek w bg?

Łukasz Wójcik:
Na box-shadow i inne drobiazgi z CSS3 są generatory. Szybciej, łatwiej i przyjemniej. http://css3generator.com/

Wychodze z zalozenia, ze z generatora bede korzystac, jak juz wszystko bedzie dla mnie oczywiste :) Na razie koduje recznie. Ale z linku na pewno bed ekorzystac, chocby po to, yebz sprawdzic, jak czegos nie wiem, zamiast glowe Wam zawracac :)
Link do wypowiedziLink
Maja Miarecki

Maja Miarecki Senior Frontend
Developer

Temat: cien? ramka? obrazek w bg?

Krzysztof Kurzawa:
Mozilla już w pełni wspiera standard więc nie trzeba używać już developerskiego -moz- xD

Oczywiście mogę się mylić;p


-moz sie uzywa zeby zapewnic zgodnosc w dol (ff 3.5 i okolice)
Link do wypowiedziLink
Olga Grabek

Olga Grabek Senior Software
Engineer

Temat: cien? ramka? obrazek w bg?

Opcja dla leniwych, jeśli chodzi o prefix-y: prefixfree
Link do wypowiedziLink

konto usunięte

Temat: cien? ramka? obrazek w bg?

Maja Miarecka:
Wychodze z zalozenia, ze z generatora bede korzystac, jak juz wszystko bedzie dla mnie oczywiste :) Na razie koduje recznie. Ale z linku na pewno bed ekorzystac, chocby po to, yebz sprawdzic, jak czegos nie wiem, zamiast glowe Wam zawracac :)

Wychodzę z założenia, że jeśli istnieje narzędzie, które skraca czas rozwiązania konkretnego problemu i nie powoduje strat jakościowych, to dlaczego miałbym go nie używać. Podobnie nigdy nie uczyłem się na pamięć deklaracji doctype, reguł @font-face czy mniej oczywistych własności CSS3.

Wiedza, jak działa dane narzędzie, przychodzi po drodze - gdy zachodzi potrzeba zmian, to widzę co się zmienia w trakcie przeciągania suwaków.

Mimo wszystko szanuję i rozumiem punkt widzenia i na tym zamknijmy temat, bo dyskusja wchodzi na inne tory. ;)Łukasz Wójcik edytował(a) ten post dnia 10.10.12 o godzinie 16:52
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

div a obrazek i tekst




Wyślij zaproszenie do
Anuluj