css trick – Wajiblog

Front End Programming

CSS Trick : Menghitung width 100% tapi di kurangi beberapa pixel

Boss WajibrutJune 9, 2020February 2, 2022

hola gaes, langsung aja ah ini contohnya jika kita mau membuat lebar element 100% tapi kurang 300px; caranya adalah make calc : gini caranya.maincontent{ width: calc(100% - 300px);}

Trik CSS : Membuat Element Block Diagonal

TahuBanyakAugust 18, 2019February 2, 2022

Sore PisitorQue, Buat yang lagi belajar css, pasti sering ya membuat element, tapi paling bentuknya kotak atau bulet aja gitu kan. Terus pasti pernah liat element berbentuk diagonal yang di...

Front End Programming Tutorial

CSS Trik : Pemahaman tentang penggunaan nth-child pada css

TahuBanyakJuly 24, 2018February 2, 2022

.mydiv:nth-child(4n+1){ background:red; } * bacanya dari kanan ke kiri. jadi select child pertama lalu akan jalan/tambah 4child (child ke 5 akan terselect) Contoh lain .mydiv:nth-child(4n+2){ background:green; } * ini jadi...

Front End Programming Tutorial

Fungsi “object-fit:cover” pada CSS

TahuBanyakDecember 7, 2017February 2, 2022

<!DOCTYPE html> <html> <body> <style> .cover-object-fit { width:200px; height:300px; object-fit:cover; object-position: 50% 50%; /* default value: image is centered*/ object-position: 0 0; /* positioned top left of the content box...