Memahami Css Setiap Browser

yah.. g punya judul yg bagus terpaksa judul iseng :D hehehehehe...
nah kali nih ane akan membahas tentang css yg tidak mendukung browser a dan browser b
nah seperti halnya browser chrome dan browser mozzila tampilannya terkadang beda.. #oh god why? entah ane g tao knpa bisa beda wkwkwk... #nubi bang wakakak

yosh langsung di topik pembahasan :)

::selection

::selection {color:#333;background:#EEE;} /* Default */
::-moz-selection {color:#333;background:#EEE;} /* Mozilla */
::-webkit-selection {color:#333;background:#EEE;} /* Google Chrome, Safari */
::-o-selection {color:#333;background:#EEE;} /* Opera */
::-ms-selection {color:#333;background:#EEE;} /* IE10+ */

Info :

ganti background pada saat diblock background:#EEE;
ganti warna text color:#333;
HTML Color caridisini html warna

Border Radius

Selectors id/class {border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;}

Info :

nah nih tentang border radius (lengkuangan garis) terkadang cssnya seperti border-radius:1px 2px 3px 4px; nah kan bingung thu 1px itw lengkung dimna? dan 2px itu lengkung dimna? dan seterusnya
border-top-right-radius: 1px;
border-top-left-radius: 2px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px;

dah faham? nah bisa jga di ksih border-radius:5px 4px;

border-top-right-radius: 4px;
border-top-left-radius: 5px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 5px;

::Before ::After

"Floated Before And After".

Info :

element :before { style csss } /* CSS2 syntax */
element ::before { style csss } /* CSS3 syntax */
sebenarnya perbedaanya hanya simbol ":" doank xixixi.. ini berlaku juga dengan :after/::after

Scrollbar

::-webkit-scrollbar {background: #6ABCFB;} /* Google Chrome + Safari */
::-webkit-scrollbar-thumb {background:#128FEE;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;}
::-webkit-scrollbar-track-piece {background-color: #BCE3FF;}
::-webkit-scrollbar-thumb:vertical {height: 30px;background-color: #D8EDFC;}

Info :

no komen... nih kegunannya buat modifikasi scroll blog
kayaknya nih hanya browser Chrome

<-- CUKUP DI SINI UPDATENYA SELEBIH DAN KURANGNYA MOHON DI KRITIK/SARAN :) -->