GoldenLine
Zaloguj się

konto usunięte

Temat: Problem z CSS3 transition

Witam,
pracując wczoraj nad jednym z projektów zauważyłem, że gdy dla elementu A ustawiam transition dla koloru to gdy parametr href ma wartość "#" transition nie działa (robi się zwykły :hover, bez animacji). Czy zdarzyło się wam trafić na coś takiego? TO jakiś bug czy tak powinno być? Przeglądarka Chrome, OS X 10.6.

(umieściłem ten sam post na grupie CSS3 ale tam zdaje się jest martwica)
Link do wypowiedziLink

konto usunięte

Temat: Problem z CSS3 transition

Nie mam OS X poza tym nie spotkałem się z czymś takiem wcześniej, ale może spróbuj dać javascript:void(0); zamiast #.
Link do wypowiedziLink

konto usunięte

Temat: Problem z CSS3 transition

http://jsfiddle.net/QF2BW/

OS 10.7.1 , Chrome 17.0.963.78 działa piknie.

Jesteś pewien, że href nie był pusty?
Link do wypowiedziLink

konto usunięte

Temat: Problem z CSS3 transition

Rafał Krupiński:
http://jsfiddle.net/QF2BW/

OS 10.7.1 , Chrome 17.0.963.78 działa piknie.

Jesteś pewien, że href nie był pusty?

nie, było href="#" - sprawdzę jeszcze raz po weekendzie, bo teraz nie mam dostępu do maka... a może to był Firefox?
Link do wypowiedziLink
Dawid Zaręba

Dawid Zaręba JavaScript, Jquery,
XHTML, HTML 5, CSS
2, CSS 3, Python,
...

Temat: Problem z CSS3 transition

href="#"
czy
href=#
?
Link do wypowiedziLink

konto usunięte

Temat: Problem z CSS3 transition

Dawid Zaręba:
href="#"
czy
href=#
?

href="#" - strona na etapie prototypowania, więc nie wszystkie linki jeszcze mają właściwe URLe... O dziwo wcześniej jakoś nie zwróciłem na to uwagi... Po niedzieli sprawdzę jeszcze raz, bo z domu nie mam dostępu do repo GITa...
Link do wypowiedziLink
Łukasz Kliś

Łukasz Kliś Fullstack Engineer @
Luko

Temat: Problem z CSS3 transition

U mnie lokalnie przy # i adresie jakiejkolwiek strony transition przestaje działać dla linków, które zostały już odwiedzone (u mnie transition na color akurat było wykorzystane) - najnowszy Google Chrome na OS X 10.7.3.

EDIT: Testowałem to również w najnowszym Firefoksie, Safari i Operze i działało bez problemów.Łukasz Kliś edytował(a) ten post dnia 11.03.12 o godzinie 14:21
Link do wypowiedziLink

konto usunięte

Temat: Problem z CSS3 transition

Łukasz Kliś:
U mnie lokalnie przy # i adresie jakiejkolwiek strony transition przestaje działać dla linków, które zostały już odwiedzone

Wiesz co, to może być faktycznie to - może trzeba dodać transition do linków :visited ?
(u mnie transition na color akurat było wykorzystane) - najnowszy Google Chrome na OS X 10.7.3.

EDIT: Testowałem to również w najnowszym Firefoksie, Safari i Operze i działało bez problemów.

Jutro dam znać co z tego wyszło :D
Link do wypowiedziLink

konto usunięte

Temat: Problem z CSS3 transition

Ten bug (feature?) w Chrome jest znany i dość często opisywany w internecie: Issue 101245: Once a link has been visited CSS transitions no longer work
Rozwiązaniem może być dodawanie losowego ciągu znaków do parametru linka po najechaniu myszą (JavaScriptem). Ale to jest tak brudny hack, że aż pójdę umyć ręcę.Michał Miszczyszyn edytował(a) ten post dnia 12.03.12 o godzinie 08:19
Link do wypowiedziLink
Łukasz Kliś

Łukasz Kliś Fullstack Engineer @
Luko

Temat: Problem z CSS3 transition

Znajomy coś wspominał, że w 18. beta błąd już nie występuje.
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

Bootstrap carousel - proble...




Wyślij zaproszenie do
Anuluj