Cara Termudah Menciptakan Dropcap Di Blog Dengan Pseudo-Element
Sebenarnya sudah banyak yang memposting cara menciptakan dropcap ini di blog. Dropcap yaitu karakter awal pada paragraf pertama diperbesar menyerupai yang biasa dipakai pada surat kabar atau menyerupai pada gambar di atas.
Namun kebanyakan tutorial-tutorial tersebut menciptakan dropcap dengan menambahkan class pada karakter pertama paragraf. Tentunya ini menciptakan sedikit kerja ekstra saat menciptakan postingan. Nah kali ini aku akan share cara termudah menciptakan dropcap dengan pseudo-element yang akan merubah secara otomatis semua karakter pertama paragraf pertama postingan blog menjadi dropcap.
Silahkan copy isyarat css di bawah ini dan simpan di atas isyarat
</head> <b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
.post-body::first-letter {
color: red;
font-size: 70px;
float:left;
font-weight:bold;
line-height:.9em;
}
</style>
</b:if>
Silahkan sesuaikan size hurufnya pada isyarat
font-size. Nah mudah-mudahan sharing ringan ini dapat bermanfaat untuk kita semua, selamat mencoba.
Sumber https://www.kompiajaib.com/
0 Response to "Cara Termudah Menciptakan Dropcap Di Blog Dengan Pseudo-Element"
Posting Komentar