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.
yucca666
Music,Art,Bloging
Preload Images
Preloading images is a great way to improve the user experience. When images are preloaded in the browser, the visitor can surf around your site and enjoy extremely faster loading times. This is especially beneficial for photo galleries and other image-heavy sites where you want to deliver the goods as quickly and seamlessly as possible.
Label:
code html,
javascript
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
Langganan:
Postingan (Atom)