Tampilkan postingan dengan label ccs. Tampilkan semua postingan
Tampilkan postingan dengan label ccs. Tampilkan semua postingan

Flipping Content

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.

YOUR TEXT



yucca666 rocket

.yucca666
#outerspace


EnglishFrenchGermanSpainItalianDutchRussianBrazilJapaneseKoreanArabicChinese Simplified
Code translet image:
Klik
<a class="translate" href="http://www.blogger.com/rearrange?blogID=7853740271258926131&amp;sectionId=footer&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cen&amp;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&amp;sectionId=footer&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cfr&amp;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&amp;sectionId=footer&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cde&amp;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&amp;sectionId=footer&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7ces&amp;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&amp;sectionId=footer&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cit&amp;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&amp;sectionId=footer&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cnl&amp;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&amp;sectionId=footer&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cru&amp;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&amp;sectionId=footer&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cpt&amp;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&amp;sectionId=footer&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cja&amp;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&amp;sectionId=footer&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cko&amp;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&amp;sectionId=footer&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7car&amp;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&amp;sectionId=footer&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7czh-cn&amp;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>

3D CSS Animated Cube



Popup Tooltip using CSS

Firefox only

This is some text to testingThis is some text to testingLink
and 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