Perbandingan dalam hias menghiasi kateogri menggunakan CSS3 Make Post Category for Blogger and Better CSS3 ticket-like tags!
Master @leaverou selaku pemilik leaverou.me membuat terobosan-terobosan baru didunia per-CSS-an. Trik karyanya menyuguhkan beberapa hal yang dahulu harus menggunkan pemakaian script, ternyata bisa dengan CSS saja. Memang pemakaian murni CSS sedikit ribet ;)) Namun ini membuktikan kemajuan dunia browse in the world :))
Jika saja ada waktu dan kemauan, pingin juga berbagi web-web keren kepada kalian. Tapi males Beben-nya =)) Toh kreatifitas itu lahir harus dari kemauan sendiri ;)
Look trick Pure CSS3 typing animation with steps()...
Tutorial Blog for Stylish Blogger.
Penulisan kode menggunakan tagging <pre><code> menjadi terlihat indah menawanKode CSS
pre {
position: relative;
padding: .5em;
margin: 10px 5px;
background-color: #433;
background-color: rgba(25,0,0,.7);
border-radius: .5em;
box-shadow: 1px 2px 8px -2px black;
overflow: hidden;
color: white;
}
pre > code {
display: block;
position: relative;
z-index: 0;
padding: .6em .8em;
border: 1px dashed rgba(255, 255, 255, .5);
}
pre > code:after {
content: '';
position: absolute;
top: 0;
right: -2px;
bottom: -2px;
left: 0;
z-index: -1;
border: 1px dashed black;
}
Pemakaianposition: relative;
padding: .5em;
margin: 10px 5px;
background-color: #433;
background-color: rgba(25,0,0,.7);
border-radius: .5em;
box-shadow: 1px 2px 8px -2px black;
overflow: hidden;
color: white;
}
pre > code {
display: block;
position: relative;
z-index: 0;
padding: .6em .8em;
border: 1px dashed rgba(255, 255, 255, .5);
}
pre > code:after {
content: '';
position: absolute;
top: 0;
right: -2px;
bottom: -2px;
left: 0;
z-index: -1;
border: 1px dashed black;
}
<pre><code>
YOUR CODED ADD HERE
</code></pre>
CSS reflections
Ini adalah salah satu teknik menampilkan efek bayangan menggunakan CSS3!
CSS reflections for Firefox, with -moz-element() and SVG masks
Monggo diacak-acak saja webnya :D
CSSPLUS
Happy blogging \m/
Tidak ada komentar:
Posting Komentar