Allegro.pl

Powiązane (7)

  pokaż (6) 
Pokaż: ustaw jako domyślne
pokaż obrazki

Komentarze (70)

  • Reklamy Google

  • MarioBrowser +18  

    Wchodzę w źródło, a tu iframe wykopu...

    pokaż komentarz
    MarioBrowser
  • newvir 0  

    Bo żeś wlazł w nie w tą dziurkę co trzeba... wyżej trochę wyżej...

    pokaż komentarz
    newvir
  • Cykuzio +2  

    nawet w operze mobile działa ;o

    pokaż komentarz
    Cykuzio
  • zwiazek_naturalny +25  

    odbicie w lustrze się nie zmienia :>

    pokaż komentarz
    zwiazek_naturalny
  • nexodg +37  

    to jest obraz :)

    pokaż komentarz
    nexodg
  • QuaD +29  

    W górę i w dół nie można ruszać, co to za 3d. ;)

    pokaż komentarz
    QuaD
  • szymi +16  

    bo to jest jednowymiarowe 3D

    pokaż komentarz
    szymi
  • Owlosiaty-Dzik -1  

    "To nie jest trójwymiarowe boisko!", jak zwykł mawiać kolega, z którym w podstawówce grałem w piłkę.

    pokaż komentarz
    Owlosiaty-Dzik
  • nounejm +2  

    Więcej z nim nie graj.

    pokaż komentarz
    nounejm
  • AwizdwArpeinAjcAmrofni +28  

    Bardzo ciekawy pomysł, w życiu bym nie wpadł na to, że można tak zastosować CSS. Ale za to cholernie niepraktyczne.
    Sam CSS ma prawie 30 KB i to pisany ciurkiem, bez białych znaków, a w JS zajęłoby to pewnie kilkanaście linii...

    pokaż komentarz
    AwizdwArpeinAjcAmrofni
  • Izotopus +61  

    Może kilkanaście a może i jedna linia :) W dodatku masz tu 80 linków do wyłapywania pozycji ... ale o czym ja to pisze :) Chodziło po prostu o efekt. Bo to tak jakby zmusić trabanta do latania ... :)

    pokaż komentarz
    Izotopus
  • zdunek89 +7  

    @AwizdwArpeinAjcAmrofni
    ale coś tego typu możesz użyć np. na aukcjach allegro :D

    apropos samej 'sztuczki', właściwie jedna z podstawowych rzeczy w css przy linkach czyli :hover
    i powinna być znana przez osoby które nazywają się webmasterami czy frontend-developerami :)

    pokaż komentarz
    zdunek89
  • b1ackjack +12  

    Wyjaśnienie autora:
    http://www.romancortes.com/blog/3d-meninas-explained/
    A tu wykop sprzed 1.5 roku z tego samego bloga o podobnej tematyce:
    http://www.wykop.pl/link/64079/homer-simpson-narysowany-za-pomoca-css

    pokaż komentarz
    b1ackjack
  • AwizdwArpeinAjcAmrofni -2  

    zdunek89: Na aukcjach Allegro? Co prawda dawno nie wystawiałem tam nic, ale wydawało mi się, że w opisie aukcji CSS można wprowadzać tylko poprzez style="costam" (w znaczniku HTML), a przecież ":hover" można użyć tylko w dołączonym arkuszu CSS... czyżbym się mylił?

    b1ackjack: a więc powiadasz, że było? :>

    pokaż komentarz
    AwizdwArpeinAjcAmrofni
  • zdunek89 +3  

    @AwizdwArpeinAjcAmrofni
    a no można, sposób w jaki można to wrzucić na allegro nie jest zgodny z W3C, ale samo allegro nie validatuje się w W3C
    http://allegro.pl/my_page.php?uid=12146567 (Kropki na globusie)

    pokaż komentarz
    zdunek89
  • AwizdwArpeinAjcAmrofni +6  

    O kurde, nie wiedziałem, że takie paskudztwo jest poprawnie wyświetlane przez przeglądarki. Dzięki za info. Teraz będę tworzył strony jeszcze bardziej gwałcące standardy (szyderczy śmiech).

    pokaż komentarz
    AwizdwArpeinAjcAmrofni
  • _dejw +1  

    Tutaj wersja JS, jako plugin do JQuery: http://webdev.stephband.info/parallax.html
    Całkiem przyjemne efekty pokazał autor ;-)

    pokaż komentarz
    _dejw
  • jk1700 +2  

    W tej wersji jest to trochę bardziej naturalne - pierwszy plan porusza się szybciej, ostatni plan wolniej, a w wersji oryginalnej jest odwrotnie, trochę bez sensu. Co oczywiście nie deprecjonuje znaleziska jako ciekawostki technologicznej

    pokaż komentarz
    jk1700
  • hwao -1  

    @AwizdwArpeinAjcAmrofni: można na allegro dać a.link:hover { color: red; } bez problemu :-)

    pokaż komentarz
    hwao
  • Kargaroth +21  

    którym się strzela? i gdzie tu jest celownik? ;/
    do dupy z taką grą ;P

    pokaż komentarz
    Kargaroth
  • milosz0010 +1  

    altruista, to jak będziesz pisał po polsku to będziesz pisać z błędami i będzie się liczyło tylko to żeby przeczytali tekst?

    pokaż komentarz
    milosz0010
  • baziorek +2  

    Gidak - prisonwars - nie klikać.

    pokaż komentarz
    baziorek
  • nounejm -2  

    @jk1700

    Nie bez sensu, tylko inaczej. W tym linku z wykopu masz efekt obracania kamery, a w linku, który podał _dejw wygląda to bardziej, jak przesuwanie kamery w bok. Oba rozwiązania przydatne.

    pokaż komentarz
    nounejm
  • bowdown 0  

    w linku, który zapodał _dejaw jest tam i ten przykład http://webdev.stephband.info/parallax_demos_type.html
    oświećcie mnie czy tym sposobem można zrobić lanserską chmurę tagów 3D, którą będą pozycjonowały wyszukiwarki?

    pokaż komentarz
    bowdown
  • Izotopus 0  

    @bowdown: Co za problem... Wywalasz odpowiednie linki w LI, wczytujesz je js'em, mając już to możesz zrobić z tym co zechcesz .. np wykorzystać skrypt powyżej. Tu ograniczeniem są dwie rzeczy: twoja wyobraźnia i wygoda użytkownika (chodzi o to by nikt nie uciekał ze strony gdy zobaczy 'efekt') Proste ? :)

    pokaż komentarz
    Izotopus
  • dawidg +3  

    Było by to może fajne, jak by ktoś zrobił narzędzie do automatyzacji tego. Samodzielne pisanie czegoś takiego podchodzi pod masochizm...

    pokaż komentarz
    dawidg
  • chom1k +2  

    fajne, da się to ukraść bez przepisywania całego kodu?

    pokaż komentarz
    chom1k
  • masterrt +2  

    to nie 3d, nie widać perspektywy góra - dół

    pokaż komentarz
    masterrt
  • newvir +1  

    Czepiasz się.

    pokaż komentarz
    newvir
  • MrGrandma -1  

    to nie 3d, obiekty i postacie nie sa trojwymiarowe.

    pokaż komentarz
    MrGrandma
  • janosik403 +1  

    U mnie coś nie działa. :/ Mam obrazek z napisem, najeżdzam i nic się nie dzieje.

    pokaż komentarz
    janosik403
  • rezoner +6  

    IE6 nie obsługuje :hover ( najeżdżania ) w elementach innych niż odnośnik.

    Masz IE6 ? Zainstaluj naprzykład... cokolwiek innego.

    pokaż komentarz
    rezoner
  • Izotopus +1  

    No właśnie do wyboru do koloru: http://upload.wikimedia.org/wikipedia/commons/7/74/Timeline_of_web_browsers.svg
    Pamiętaj aby wyświetlić ten diagram musisz zainstalować... cokolwiek innego :)

    pokaż komentarz
    Izotopus
  • Izotopus +1  

    3D e CSS będzie jak się wejdą w życie standardy różne.. np takie: https://developer.mozilla.org/en/CSS/-moz-transform (działa na gecko + webkit)

    pokaż komentarz
    Izotopus
  • matips +2  

    M$ nie zaimplementuje tego standardu w swoich przeglądarkach.

    pokaż komentarz
    matips
  • WymieOjca +1  

    No właśnie się zastanawiałem, czy to ktoś pisał ręcznie, czy napisał program, który napisał ten kod. Trochę zamotałem 0_o ale wiadomo o co się rozchodzi ;)

    pokaż komentarz
    WymieOjca
  • g3p 0  

    @dawidg
    pewnie i o zrodlach htmla z pajaczkow tez tak niektorzy powiedza

    ps. wykopie - gdzie podziala sie f odpowiedz w wersji mobilnej?!

    pokaż komentarz
    g3p
  • altruista +10  

    minusujcie dalej...

    Bo pewnie widzicie mnóstwo zastosowań tego CSS-a oraz traktujecie HTML/CSS który ma :hover co parę pikseli na poważnie :F

    pokaż komentarz
    altruista
  • rezoner +33  

    Widzisz bracie, z rzeczy tak zgoła niepraktycznych, powstaje kultura i sztuka, a my lubimy... lubimy.

    pokaż komentarz
    rezoner
  • altruista +15  

    toć napisałem że to fajne...

    pokaż komentarz
    altruista
  • OmnibusTrzeciWaza -2  

    Counter Strike Source? Przecież tam zawsze było 3D

    pokaż komentarz
    OmnibusTrzeciWaza
  • nonline -3  

    Latający trabant :D - jak ktoś wyżej trafnie to określił.
    To tak jakby udowadniać, że można srać do wanny, bo i można, ale po co, skoro wygodniej jest usiąść na kibelku. Jedyne praktyczne zastosowanie widzę kiedy nie można użyć np. JS.

    pokaż komentarz
    nonline
  • rzabiorek +4  

    Gdyby została Ci tylko wanna, nasrał byś tam bez wahania (praktyczne zastosowanie gdy brak kibelka)...

    pokaż komentarz
    rzabiorek
  • rezoner +1  

    dowód : zamknij SIMsa w pokoju bez drzwi :3

    pokaż komentarz
    rezoner
  • bikstopa -4  

    jak zobaczyłem kod, to ja jednak jestem za uzywaniem js.

    @AwizdwArpeinAjcAmrofni - a co za roznica czy masz wladowany css w pliku czy w dolaczonym pliku? w kazdym mijescu hover ci zadziala

    nawet w takim wypadku:
    .wyk:hover {color: red;}

    pokaż komentarz
    bikstopa
  • KochanekModeratora +3  

    co jednak nie zadzialalo

    pokaż komentarz
    KochanekModeratora
  • Sh1eldeR +1  

    @bikstopa:
    On napisał:

    '(...) można wprowadzać tylko poprzez style="costam" (w znaczniku HTML), a przecież ":hover" można użyć tylko w dołączonym arkuszu CSS'

    Nie chodziło mu więc o różnicę pomiędzy arkuszem dołączanym a zagnieżdżonym w dokumencie. On mówił o stylach umieszczonych w atrybucie style konkretnych elementów w dokumencie. Tam nie wolno użyć selektorów.

    I poniekąd miał rację: jeśli faktycznie można by było używać tylko atrybutu style, to hovera nie dałoby się zrobić. Poniekąd, bo jego obawy nie są uzasadnione np. na allegro. Tam da się wstawić normalny, zagnieżdżony arkusz stylów. Nie jest się skazanym wyłącznie na atrybut style.

    pokaż komentarz
    Sh1eldeR
  • EFEKT_WYKOP -5  

    najfajniejsze to jest to ze mozna ten kod umiescic na allegro w aukcji
    bo nie ma JS

    pokaż komentarz
    EFEKT_WYKOP
  • nonline +42  

    tu jest spacja > < skopiuj sobie i uzywaj!

    pokaż komentarz
    nonline
  • FizykowyFizyk +16  

    dzięki, od razu lepiej :)

    pokaż komentarz
    FizykowyFizyk
  • nonline 0  

    @up
    Stare, ale jare i nie ściągnięte, tylko zainspirowane.

    pokaż komentarz
    nonline
  • czarna-owca -1  

    A mój komputer czasami naprawdę pożera spację, tak samo jak prawy Alt, Ctrl, Shift, ".", i nawet przecinek ;)
    Ale to stary komputer, więc stare metody młotka i siły na niego działają ;)

    pokaż komentarz
    czarna-owca
  • Tyran -7  

    I gdzie tu 3D ? Ja widzę nakładane na siebie obrazy 2D

    pokaż komentarz
    Tyran
  • -sin +12  

    ...co tworzy iluzję 3D.

    pokaż komentarz
    -sin
  • Heti -6  

    która jest syfiasta.
    Jak dla mnie nie potrzebnie koleś się męczył.

    pokaż komentarz
    Heti
  • newvir +1  

    Zróbcie panowie coś lepszego, chętnie skomentujemy...

    pokaż komentarz
    newvir
  • Heti 0  

    newvir
    Co za argumentacja... "zrób sam lepszy"....
    Jak rozumiem jadąc samochodem który osiąga maksymalnie 50km/h i pali 20 litrów na 100 km to nie mogę powiedzieć że jest do dupy tylko dlatego że sam nie zbuduje lepszego?

    pokaż komentarz
    Heti
  • newvir 0  

    @heti Ależ tworzę, trochę z innej paki, bo obudowy w drewnie, trochę rzeźbię w gipsie i piszę strony www...

    pokaż komentarz
    newvir
  • rzukow 0  

    Nie wiedziałem, że Super Mario to była gra z efektami 3D!

    pokaż komentarz
    rzukow
  • nilphilus 0  

    w CSS3 można łatwo obracać 'płaszczyznę' - trochę matematyki, ładnie ustawienie warstw.

    Macie tutaj koło 5 warstw, które są przesuwane - a w sumie, jak komuś się nudzi może to ściągnąć, podmienić obrazki z jednokolorowymi kwadratami i zobaczyć jak to wtedy wygląda :-)

    a ten trik można wykorzystać na kilka sposobów razem z JS, ja tam mam parę pomysłów - na takie bardziej interaktywne menu, ale bez grafika i tak nie osiągnę efektu który by mnie zadowolił :D

    pokaż komentarz
    nilphilus
  • HouseMPrawdziwy 0  

    Ja tam żadnego efektu 3d nie widzę, tylko 4 przesuwające się względem siebie warstwy. Dodatkowo najbardziej oddalony plan zamiast się przesuwać rozciąga się liniowo co wybitnie nie daje efektu 3d. Wystarczy zwrócić uwage na pionową linię na suficie.

    pokaż komentarz
    HouseMPrawdziwy
  • rebel 0  

    jakbym zrobil zdjecie wszechswiata i tak sobie powiekszal albo zmniejszal to....... to ile by wyszlo pikseli? ;p

    pokaż komentarz
    rebel
  • rezoner +1  

    4/3 * pi * R^3 ( * n ^ i ) - jeśli wierzysz, że wszehświat jest sferą, ( * n ^ i ) - jeśli wierzysz w światy równoległe, gdzie i to liczba wymiarów, w ktorą wierzysz. Niezależnie od wyboru to przy założeniu, że chociaż jeden parametr dąży do nieskończoni, liczba pixeli też dąży do nieskończoności :3

    pokaż komentarz
    rezoner
  • matips 0  

    a nie: 4pir^2 (n) lub

    pokaż komentarz
    matips
pokaż 

Wykopali i zakopali (617 / 17)