Yeay,udah lama gak posting tentang trick trick blogger lagi,soal nya belum ada bahan buat posting XD
okay kali ini gw akan membahas seputar css :before dan :after
pernah kann kalian gak sengaja melihat source blog orang (sengaja mungkin XD)
melihat suatu css :before dan :after,atau mungkin hanya :before saja? nahh kali ini gw akan membahas itu,karena gw juga baru bisa soal css before dan after,jadi gak papa kann,kalau gw berbagi ilmu gw dikit hahahaha
okay,apa itu css :before dan :after?
simple aja sihh sebenar nya,:before di gunakan untuk menambahkan elemen sebelum elemen utama,sedangkan :after,digunakan untuk menambahkan elemen setelah elemen utama
inti nya menurut gw seperti suami istri dan yang selingkuh
si css utama (suami nya),sedangkan si :before (istri nya) dan si :after (selingkuhan nya)
dan kegunaan css ini juga bagus,jika kalian ingin menambah kan objek css misal nya ingin menambahkan css kepala,dan kalian ingin menambahkan css hidung nya (gak mungkin kan? kepala nya doank) nahh kamu cukup menambahkan tag css :before jadi gak perlu nambahin css dari hidung dan bikin css dari awal lagi,cukup nambahin,contoh css:
#kepala{nihh gw kasih rumus nya
left: -40px;
top: 37px;
width: 80px;
height:80px;
background: #191919;
border-radius:100%;
}
#kepala:before {
content: "";left: -40px;
top: 37px;
width: 40px;
height:80px;
background: #191919;}
tapi terserah sihh mau letak css before nya dimana aja,itu cuma rumus awalan nya aja
ada lagi nihh contoh di template zynation ini menggunakan css before dan after
gimana udah ngerti dikit kan?
tapi terserah kalian sihh mau nambahin css tag before dan after ini,tapi menurut gw cukup simple,atur css nya itu yang susah XD di template ini banyak gw terapin css before dan after ini,supaya greget aja gitu XD
mungkin tutorial kali ini agak sulit dimengerti tapi gw udah susah bikin postingan ini mudah di mengerti
gak tau dehh,yang penting post XD,udah dehh segini dulu,ntarr kalo ada trick yang baru gw post
lagi
see you
Read this
-no sara
-no junk
-tidak mencari keributan
Show Conversion Code Hide Conversion Code Show Emoticon Hide Emoticon