IMAGE HOVER\asslamualaikum/
Hallo hallo hallo..i`m coming...aina nak buat satu lagi tutorial nih , tapi ingat taw tutorial nih untuk blogskin..Ok aina nak buat image hover ..x faham ker , alaa yg bila cursor sentuh gambar tuh , der akan jadi semakin terang...Kalau korg x faham lgi cuba korg sentuh gmbar kat bawah nih..macam tuhlah contohnya,
OK dah sentuh..macam tu lah contoh der , then sekarang korg ikut step step kat bawah nih , ok
1.pergi kat template korg then cari perkataan kat bawah nih
</style>
Kalau dh jumpa korg copy code kat bawah ni , pastuh pastekan kat atas code </style> tadi tuh FAHAM!!!
Korg nampak x tulisan yg kaler merah tuh..Korg tukarkan dgn cursor url korg sendiri ..img {-webkit-transition: 1.5s;opacity: 0.5;filter: alpha(opacity=100);-moz-opacity: 0.5;cursor: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwSqwtwc6DlfIkAefJdombAAh48QxDZebHlX-iLixXmQLnAZAxs2gQieJPRl8llTKZWhjn1UjiT9mw2K6N0PHIp-oK6T7X9viFJ9ooK0A4_F6WptiKoz-hIyNFPlpLQNpzDwXdyX46SOYR/s1600/tinyarrowpink.png ), progress;}img:hover {-webkit-transition: 1.5s;opacity: .90;filter: alpha(opacity=90);-moz-opacity: .90;cursor: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwSqwtwc6DlfIkAefJdombAAh48QxDZebHlX-iLixXmQLnAZAxs2gQieJPRl8llTKZWhjn1UjiT9mw2K6N0PHIp-oK6T7X9viFJ9ooK0A4_F6WptiKoz-hIyNFPlpLQNpzDwXdyX46SOYR/s1600/tinyarrowpink.png ), progress;}
Korg boleh ambik cursor tuh kat Sini , Sini atau Sini... Yg tuh kat blog nih punyew , kalau korg x suka korg boleh ambik kat cursors 4u ataupun kat K.Una
Labels: tutorial
0 Comments:
Post a Comment