CSS animations are a lot of fun; the beauty of them is that through many simple properties, you can create anything from an elegant fade in to a WTF-Pixar-would-be-proud effect. One CSS effect somewhere in between is the CSS flip effect, whereby there's content on both the front and back of a given container.
Tampilkan postingan dengan label ccs. Tampilkan semua postingan
Tampilkan postingan dengan label ccs. Tampilkan semua postingan
yucca666 rocket
.
#outerspace 











Code translet image:
Klik
Klik
<a class="translate" href="http://www.blogger.com/rearrange?blogID=7853740271258926131&sectionId=footer&action=editWidget&widgetType=HTML&referrer=directory#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cen&hl=en'); return false;" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4JROTYdnE-1nhODYp75cSC2zDsEp9gGsz8BzNR-UDwRPizV_CE22Bt_yAxpbcUjcuST5hQfflJa5BRADXR-xdBDVa9HUWPGwTeRbxZoPawP9Iq3hndXWtvJ04IVbTUNo-jOR3jMDp8uf5/s144/uk-flag.png" height="24" style="cursor: pointer; margin-right: 8px;" title="English" width="24" /></a><a class="translate" href="http://www.blogger.com/rearrange?blogID=7853740271258926131&sectionId=footer&action=editWidget&widgetType=HTML&referrer=directory#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cfr&hl=en'); return false;" rel="nofollow" target="_blank" title="French"><img align="absbottom" alt="French" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQvE6b0i0_s8HLg6UMWQhc-OU3bkqHS_bjaHVVgA0dTvhGUz0xfsbbScDt-erp9PlXtJSoRA7ePzO3c5QLAEEzZJ7DslQ5tRAeQAvquymlbfaoSn2wHM4R7qMPvyeEw8ABakt2Tj57ySMI/s144/france-flag.png" height="24" style="cursor: pointer; margin-right: 8px;" title="French" width="24" /></a><a class="translate" href="http://www.blogger.com/rearrange?blogID=7853740271258926131&sectionId=footer&action=editWidget&widgetType=HTML&referrer=directory#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cde&hl=en'); return false;" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2QyWJFmhjCNVFqgRyqN5zGpASljek7pZDoPVuQCI2pujNcGsTJNRQ0_DHMbDcoNUJs5FvF5WwUxlifXtjfEzENaZ3WkW1xHN1f4Fctgg3Z4IwHl4HEvxxHY8SUOtGC15h1CebTdiPvfhu/s144/german-flag.png" height="24" style="cursor: pointer; margin-right: 8px;" title="German" width="24" /></a><a class="translate" href="http://www.blogger.com/rearrange?blogID=7853740271258926131&sectionId=footer&action=editWidget&widgetType=HTML&referrer=directory#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7ces&hl=en'); return false;" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjutwIPNSyivWQCDSsmEAVpmE1xPBMXj-sb5mbHkf95aJu04ygnmjxaFRjA5e2fIh5-C3-mMK-nT6TAUQwsUV2Tqwu9wVP0-hsC5qexLPh_vakMwN23ZRoC2SJiCxpH5190Kira2fzDebtd/s144/spain-flag.png" height="24" style="cursor: pointer; margin-right: 8px;" title="Spain" width="24" /></a><a class="translate" href="http://www.blogger.com/rearrange?blogID=7853740271258926131&sectionId=footer&action=editWidget&widgetType=HTML&referrer=directory#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cit&hl=en'); return false;" rel="nofollow" target="_blank" title="Italian"><img align="absbottom" alt="Italian" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizMGyGo0WFNp2qbSYngpqlR9rYIKeu-Ap57OrIkgfdLlDE8GnfH1G-5TH1AsjOCXu0IRTEDoMYMJFkjfRKA2aik7W31o70qrZyjkJJGYrlpYw9MR1Ttynl8dFBdquxoZZIUZpewJumGTjB/s144/italy-flag.png" height="24" style="cursor: pointer; margin-right: 8px;" title="Italian" width="24" /></a><a class="translate" href="http://www.blogger.com/rearrange?blogID=7853740271258926131&sectionId=footer&action=editWidget&widgetType=HTML&referrer=directory#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cnl&hl=en'); return false;" rel="nofollow" target="_blank" title="Dutch"><img align="absbottom" alt="Dutch" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin13nqjikhkqm2A74FsUuOPWM-pygYVgOFAdOll08c66lcK9VIz_E-_unhF6wGVJRh2EZnaW3gWMDAcxvqw7lI0EBA211FY5BcseHCRGVFdcu_RiMoqO8GtfMncwCWWEiN5FOwpYzo0Tvi/s144/dutch-flag.png" height="24" style="cursor: pointer; margin-right: 8px;" title="Dutch" width="24" /></a><a class="translate" href="http://www.blogger.com/rearrange?blogID=7853740271258926131&sectionId=footer&action=editWidget&widgetType=HTML&referrer=directory#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cru&hl=en'); return false;" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqc1-j6J4lmwoXzqqvBZlnKxSo7nUzhp6zfyUQUV-O3nMsmwFlXLHS7q7VLltCstdqaT3BXm9Nk8YyOuO6XY4zFn9JkOWVEZnvvs2bfXm1qTxdutUYs7U03qC3Y39cFw08yDR2-9I7YT91/s144/russian-flag.png" height="24" style="cursor: pointer; margin-right: 8px;" title="Russian" width="24" /></a><a class="translate" href="http://www.blogger.com/rearrange?blogID=7853740271258926131&sectionId=footer&action=editWidget&widgetType=HTML&referrer=directory#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cpt&hl=en'); return false;" rel="nofollow" target="_blank" title="Brazil"><img align="absbottom" alt="Brazil" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5RpiYHJTeiFdNaZxlCNi0LMmL49QP4Cf7tPcOSU-SNp0kyVhsbdSa6whJnA2k7bgm3eNdK_ucEwa3QUInrhLmq6dAFS8VokYogXgI6l2PRNFRZNba8cznMW-uGDc9HAlfywhkO-EtxqPP/s144/brazil-flag.png" height="24" style="cursor: pointer; margin-right: 8px;" title="Brazilian" width="24" /></a><a class="translate" href="http://www.blogger.com/rearrange?blogID=7853740271258926131&sectionId=footer&action=editWidget&widgetType=HTML&referrer=directory#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cja&hl=en'); return false;" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhR2MrUc7p3EsVLoOtfj7WxWOreZKkDtCxz_qCLtWoBMirVNGR33bxHxYH0IEZqgAiNroOqMmlF-g3cp2UCDqNXLNLIjeULBYiBUMnrfdzLkxfn62DNAuL2O9ncj0me8nTZSoMfp54c574/s144/japan-flag.png" height="24" style="cursor: pointer; margin-right: 8px;" title="Japanese" width="24" /></a><a class="translate" href="http://www.blogger.com/rearrange?blogID=7853740271258926131&sectionId=footer&action=editWidget&widgetType=HTML&referrer=directory#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cko&hl=en'); return false;" rel="nofollow" target="_blank" title="Korean"><img align="absbottom" alt="Korean" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOGzwJFKDQ4N7_YEHCZkM2qfzgP2vabR1arxnQODPW0xe2NHa3ZLM8p7HAkLM7UR2IzgdD1k8Y1U1b5SWxQsnLGSN4z0zh5_ZdoPj8OhskW4zUyItiSWCBV91BxsceI8Q4MY-1V7VpJiQc/s144/korean-flag.png" height="24" style="cursor: pointer; margin-right: 8px;" title="Korean" width="24" /></a><a class="translate" href="http://www.blogger.com/rearrange?blogID=7853740271258926131&sectionId=footer&action=editWidget&widgetType=HTML&referrer=directory#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7car&hl=en'); return false;" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWXp5MthVLblqw8PecxlLUEY7yU3-m5z7qQxoRx0bOOO9uwaf1S1rFDuJGD3DfGqRoaPxFX0nj-cnW5mNdbhg1LH8DieXkXZ7Rz6MWmsTpxfZKalg1rqXIUzug4CuVTnKFkUaG1Z1-pyhm/s144/arab-flag.png" height="24" style="cursor: pointer; margin-right: 8px;" title="Arabic" width="24" /></a><a class="translate" href="http://www.blogger.com/rearrange?blogID=7853740271258926131&sectionId=footer&action=editWidget&widgetType=HTML&referrer=directory#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7czh-cn&hl=en'); return false;" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJxGndzf8jjbdEevKVN8qUOxyQPDP7-FZaiGUzmbUcUVxLWPf0doMvr2aFUT0137oEZIlIqaDztIEm-1so6kUbT1rKmBCAQULyRl4tGTV2Lzwczh-mCg48YRihyphenhyphenoZXEHBXH58x82RAPoL2/s144/china-flag.png" height="24" style="cursor: pointer; margin-right: 8px;" title="Chinese Simplified" width="24" /></a></div>
Label:
ccs
Popup Tooltip using CSS
Firefox only
This is some text to testingThis is some text to testingLinkand some more text and some more text and some more text and somesomesomeLinkmore text and some more text and some more text text and some more text and sometext and some more text
Rotating Star and some more text Linkmore text and some more text and some more text
Label:
ccs
Langganan:
Postingan (Atom)