Cara Membuat Efek Seperti Preview Blog | Bermain CSS lagi. Kali ini, sederhana banget. Efek Preview yang aku maksud itu seperti garis yang di kiri blog ketika kita klik preview pada artikel. Sekarang bisa di tempatkan di semua halaman.
CSS, Letakkan di atas </body>
<div style="-moz-transform-origin: 50% 0px; -moz-transform: rotate(-45deg); -o-transform-origin: 50% 0px; -o-transform: rotate(-45deg); -webkit-transform-origin: 50% 0px; -webkit-transform: rotate(-45deg); background-color: black; border: 1px solid rgb(170, 170, 170); color: white; font-family: 'trebuchet ms', verdana, arial, sans-serif; font-size: 24px; left: -225px; opacity: 0.5; padding: 10px; position: fixed; text-align: center; top: 75px; transform-origin: 50% 0px; transform: rotate(-45deg); width: 600px; z-index: 9999;">
Demo Efek Pratinjau
</div>
Nah saya rasa hanya ini. Mudahkan...
maksudnya efek preview gmana bos? ada contoh print screennya gk?
BalasHapussilakan klik demonya mas,,
BalasHapus