Search Result for category "CSS"

Eksplorasi Property Border di CSS

Halo semua, kali ini kita akan mengeksplorasi sedikit mengenai css border, ada apa saja? ayo kita bahas...

1. border, ini adalah property utama pada sebuah border dengan isinya yaitu : 

border: border-width border-style border-color|initial|inherit;

contoh :

border: 10px solid #0066ff;

 

 

  See more...


Thursday, 17 Sep 2015 12:30 PM Arief Setya

CSS3 Color Transition

Halo semua.... :D
penulis mau coba fitur baru nih.. hehe... kali ini penulis akan membahas mengenai CSS3 Transition, yupz CSS ini digunakan untuk merubah bentuk, warna atau ukuran dari sebuah element dan yang akan kita bahas kali ini adalah color transition atau perubahan warna.

apabila seperti di bawah ini kodenya, pasti akan patah ketika di hover

.square {
	width: 100px;
	height: 100px;
	background: #2d89ef;
}
	
.square:hover {
	background: orange;
}

 

 

  See more...


Thursday, 17 Sep 2015 12:27 PM Arief Setya

3D Text Shadow CSS

Halo semua.. Apa Kabar........ laugh
Kali ini kita akan bahas mengenai 3D Text Shadow untuk membuat text biasa menjadi seperti 3 Dimensi, seperti pada gambar dibawah ini

kita cukup bubuhkan property CSS text-shadow berisi style dibawah ini

text-shadow:   1px 0px #eee, 0px 1px #ccc,
               2px 1px #eee, 1px 2px #ccc,
               3px 2px #eee, 2px 3px #ccc,
               4px 3px #eee, 3px 4px #ccc,
               5px 4px #eee, 4px 5px #ccc,
               6px 5px #eee, 5px 6px #ccc,
               7px 6px #eee, 6px 7px #ccc,
               8px 7px #eee, 7px 8px #ccc,
               8px 8px #eee;

dan hasilnya seperti di bawah ini See more...


Thursday, 17 Sep 2015 12:26 PM Arief Setya

Membuat Slide Show HTML + CSS

Pertama kita siapkan folder untuk penempatan project seperti dibawah ini.

See more...


Wednesday, 16 Sep 2015 11:56 PM Arief Setya

Membuat CSS Custom Scroll di Browser Webkit

Kali ini kita akan membahas mengenai custom scroll pada browser webkit dengan CSS. Pertama siapkan folder untuk project ini misalnya folder scroll, kemudian buat 1 file HTML atau PHP  dan 1 file CSS.

See more...


Wednesday, 16 Sep 2015 11:54 PM Arief Setya

Sign In
Sign In to Your Account :)
Sign In or Sign Up
 
Follow Us on Twitter
Find Us on Facebook