-
Path: news-archive.icm.edu.pl!news.gazeta.pl!not-for-mail
From: Paweł Piskorz <n...@p...nie?>
Newsgroups: pl.comp.www
Subject: transition na pseudoelementach
Date: Fri, 03 Feb 2012 17:51:58 +0100
Organization: "Portal Gazeta.pl -> http://www.gazeta.pl"
Lines: 48
Message-ID: <jgh3bi$d9c$1@inews.gazeta.pl>
NNTP-Posting-Host: 77-255-78-2.adsl.inetia.pl
Mime-Version: 1.0
Content-Type: text/plain; charset=UTF-8; format=flowed
Content-Transfer-Encoding: 8bit
X-Trace: inews.gazeta.pl 1328287923 13612 77.255.78.2 (3 Feb 2012 16:52:03 GMT)
X-Complaints-To: u...@a...pl
NNTP-Posting-Date: Fri, 3 Feb 2012 16:52:03 +0000 (UTC)
X-User: uhorek
User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:10.0) Gecko/20120129
Thunderbird/10.0 Hamster/2.1.0.11
Xref: news-archive.icm.edu.pl pl.comp.www:400379
[ ukryj nagłówki ]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";
}
Następne wpisy z tego wątku
- 03.02.12 23:04 Cezary Tomczyk
Najnowsze wątki z tej grupy
- Jakie znacie działające serwery grup dyskusyjnych?
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
- www.znanylekarz.pl
- Czy pytanie o sczytywanie stron programami/skryptami to tu?
- Grupy webdevowe
- Jak wydrukować stronę?
- IIS, kilka witryn
- linki <a href="/strona.php"> (ze slashami)
- co rozszerza stronę??
- responsywny akapit <p>
- Czy istnieje jakiś emulator przeglądarek pod Mac'a?
- taka sama konfiguracja dla localhost i produkcji
Najnowsze wątki
- 2025-03-20 Grubość socketa AM4+procesor
- 2025-03-20 Środa Wielkopolska => Konsultant wewnętrzny SAP FI/CO <=
- 2025-03-20 Warszawa => Senior Programmer C <=
- 2025-03-20 Re: Dlaczego tak odstają od Tesli?
- 2025-03-20 Greenpeace została zobowiązana do zapłaty niemal 667 mln dolarów [USA,wyrok sądu]
- 2025-03-20 Re: Dlaczego tak odstają od Tesli?
- 2025-03-19 Brak ograniczeń dla chińskiego kapitału - wam nie do rządu, tylko na zmywak do chińskiej knajpy!!!
- 2025-03-19 Wietnam wykłada 500M$ i chce zbudować fabrykę za 50G$
- 2025-03-19 szal-Unia == federacja policyjna
- 2025-03-19 Polsza == państwo policyjne
- 2025-03-19 Grzegorz Płaczek o programie szczepień dzieci. ,,Stworzono eldorado dla firm farmaceutycznych"
- 2025-03-19 Wietnam wykłada 500M$ i chce zbudować fabrykę za 50G$
- 2025-03-19 Gemini
- 2025-03-19 Mokry sen Zenka :)
- 2025-03-19 Re: Dlaczego tak odstają od Tesli?