Tutorial : Image hover (zoom)


Assalamualaikum and annyeonghaseyo . Pagi yang indah ni tiba tiba nak bagi tutorial pulak kan . Image hover ( zoom ) ni , maksudnya bila cursor sentuh gambar , automatik gambar tu akan membesar . 
Kalau tak faham , korang boleh try dulu . 

Blogskin / classic template :

1. dashboard > template 
2. ctrl + f , cari code 

</style>
template designer :

1. dashboard > template > edit html ( click triangle hitam yang pertama tu )
2. ctrl + f , cari code 

/* Header
3. copy code bawah ni  pula

img {-moz-transition: 0.5s;-webkit-transition: 0.5s;}img:hover {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transition: 0.5s;-webkit-transition: 0.5s;} 
4. paste code tadi , dekat atas code </style> atau /* Header 
5. preview and save 


No comments :

Post a Comment

Assalamualaikum and hi ,mind to drop your comment or opinion here .:D

ariexxn