Tutorial : Header Hover Part 2

Assalamualaikum dan salam 1 Malaysia

Hari ini, kita akan belajar macam mana nak

tutorial header hover part 2

Bila kamu halakan cursor,
header tersebut akan bergerak ke kiri atau ke kanan.

Owkey, ikut step ini  saje

Langkah 1

Pergi ke dashboard > design > edit HTML

Langkah 2

Cari code ini -

h1.title {

#header { 

Langkah 3
Copy code di bawah ini dan paste di ATAS code tadi.

#header:hover {padding-right: 50px;-webkit-transition-duration: 0.5s;}

Langkah 4

Kalau still tak jumpa code tu,cari code ini dan letakkan code yang sama di BAWAH code tu. Okay?

#header { 

MERAH - boleh tukar into left / right
PINK - boleh tukar beberapa number sesuka hati korang
OREN - Kalau nak lambatkan boleh tukar ke 1, 2, 3 dan sebagainya.

Owkey , yang paling penting view dulu untuk milihat sama ada yang kiat buat tu berhasil kah atau tidak kalau berhasil SAVE

Ranking: 5