main

post

tutorlist

my blog



Tutorial Image opacity effect. Bila dihover,ianya akan bertukar kaler.Boleh guna untuk blogskin/denim/simple template.
  • Simple Template
1.  Template > Edit HTML 
2. Tekan F3 dan cari code dibawah
padding: $(image.border.small.size);
3. Copy codes dibawah dan paste dibawah code yang dicari tadi.
opacity: 100.0;
-webkit-transition: 1.4s;
 -moz-transition: 1.4s;
border-radius:10px;

img:hover{
-webkit-transition: 1.4s;
 -moz-transition: 1.4s;
opacity: .50; 
  • Denim Template
1.  Template  > Edit HTML
2. Tekan F3 dan seacrh code dibawah
.post img, table.tr-caption-container { 
3. Copy codes dibawah dan paste dibawah code yang dicari tadi.
opacity: 100.0;
-webkit-transition: 1.4s;
 -moz-transition: 1.4s;
border-radius:10px;

img:hover{
-webkit-transition: 1.4s;
 -moz-transition: 1.4s;
opacity: .50; 
  • Blogskin
1. Edit HTML
2. Tekan F3.Then search code </style>
3. Jumpa ? Lepastu,paste code dibawah ni dibawah code </style> tadi.
img {
opacity: 100.0;
-webkit-transition: 1.4s;
 -moz-transition: 1.4s;
border-radius:10px;

img:hover {
-webkit-transition: 1.4s;
 -moz-transition: 1.4s;
opacity: .50;