css trick – Wajiblog

Front End Programming

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

Boss WajibrutJune 9, 2020June 9, 2020

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, 2019September 24, 2019

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, 2018June 11, 2020

.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, 2017September 24, 2019

<!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...