Diễn Đàn SEO - vnseo.edu.vn - Sau đây mình xin chia sẻ với các bạn 1 hiệu ứng trong blogspot khá hay, đó là HIệu ứng phóng to ảnh khi dê chuột vào trong blogspot các bạn có thể xem bản demo Tại Đây Bước 1 Thêm đoạn Code dưới đây trước thẻ</head> <style type="text/css"> .hovergallery img{ -webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/ -moz-transform:scale(0.8); /*Mozilla scale version*/ -o-transform:scale(0.8); /*Opera scale version*/ -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/ -moz-transition-duration: 0.5s; /*Mozilla duration version*/ -o-transition-duration: 0.5s; /*Opera duration version*/ opacity: 0.7; /*initial opacity of images*/ margin: 0 10px 5px 0; /*margin between images*/ } .hovergallery img:hover{ -webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/ -moz-transform:scale(1.1); /*Mozilla scale version*/ -o-transform:scale(1.1); /*Opera scale version*/ box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/ -webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/ -moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/ opacity: 1; } </style> Bước 2 Khi viết bài có hình ảnh vào cửa sổ HTML và dán code sau: <div class="hovergallery"> <img src="Link ảnh" /> <img src="Link ảnh" /> </div>
Cách này cũng hay. Nhưng cũng có nhiều cách như sử dụng các jquery plugin SmootZoom, Rain Zoom. Bạn chỉ cần vào custom them chèn script vào là có thể chạy được. Tuy mỗi cái đều có ưu và nhược điểm riêng. Như của bạn thì thích cái nào có hiệu ứng thì cho vào. Nhưng nếu cái nào cũng làm như vậy thì tốn công, tốn sức quá. Còn sử dụng script thì cái nào cũng có hiệu ứng tương tự. Nói chung khó cái gì hoàn hảo được phải không bạn?
