eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwtransition na pseudoelementach
Ilość wypowiedzi w tym wątku: 2

  • 1. Data: 2012-02-03 16:51:58
    Temat: transition na pseudoelementach
    Od: Paweł Piskorz <n...@p...nie?>

    Witam,
    Kod: http://jsfiddle.net/HZXFS/2/ (dla nieklikatych na końcu)

    Proszę najechać kursorem na dowolny czarny kwadrat - tylko Firefox robi
    ładne transition dla opacity na :before, Opera i GChrome działają jakby
    transition nie było.
    Na http://caniuse.com/ wszystkie się chwalą pełnym wsparciem dla
    transition, opacity i generated content.
    Znacie na to fix jakiś, czy trzeba poczekać aż zaimplementują? :/


    Obiecany kod dla nieklikatych:
    HTML:
    <div class="wrapper">
    <div class="normal">normal</div>
    <div class="pseudo"></div>
    </div>

    CSS:
    .pseudo:before,
    .normal {
    width:100px;
    height:100px;
    background-color:#000;
    color:#fff;
    opacity:0.5;
    -webkit-transition:opacity 1s linear;
    -moz-transition:opacity 1s linear;
    -ms-transition:opacity 1s linear;
    -o-transition:opacity 1s linear;
    transition:opacity 1s linear;
    }

    .wrapper:hover .normal,
    .wrapper:hover .pseudo:before {
    opacity:1;
    }

    .pseudo:before {
    content:"pseudo";
    display:block;
    }


    --
    message[autor="PablO"]::after {
    content:"Pozdrawiam";
    }


  • 2. Data: 2012-02-03 23:04:50
    Temat: Re: transition na pseudoelementach
    Od: Cezary Tomczyk <c...@g...pl>

    W dniu 2012-02-03 17:51, Paweł Piskorz pisze:
    > Witam,
    > Kod: http://jsfiddle.net/HZXFS/2/ (dla nieklikatych na końcu)
    >
    > Proszę najechać kursorem na dowolny czarny kwadrat - tylko Firefox robi
    > ładne transition dla opacity na :before, Opera i GChrome działają jakby
    > transition nie było.
    > Na http://caniuse.com/ wszystkie się chwalą pełnym wsparciem dla
    > transition, opacity i generated content.
    > Znacie na to fix jakiś, czy trzeba poczekać aż zaimplementują? :/
    [...]

    Wg mnie to problem po stronie przeglądarek, tj. nie zaimplementowane.

    --
    Cezary Tomczyk
    http://www.ctomczyk.pl/

strony : [ 1 ]


Szukaj w grupach

Szukaj w grupach

Eksperci egospodarka.pl

1 1 1

Wpisz nazwę miasta, dla którego chcesz znaleźć jednostkę ZUS.

Wzory dokumentów

Bezpłatne wzory dokumentów i formularzy.
Wyszukaj i pobierz za darmo: