Điều chỉnh kích thước ảnh VBB4

Thảo luận trong 'Thủ thuật - Mã nguồn - Theme' bắt đầu bởi administrator, 2/3/13.

  1. administrator
    Administrator
    Thành viên BQT Admin Smod Mod

    Tham gia ngày:
    6/2/13
    Mình sẽ share cho các bạn code tự động resize ảnh, nó sẽ được click khi trở lại bình thường.Cái này thì là code khá hay (Chắc cũng được share ở vài nơi rồi ấy nhỉ), tự động chỉnh kích thước lớn nhất mà ảnh trong bài viết đạt đến, tự động resize ảnh đến kích thước chỉ định khi hover.

    Mã:
    .postbit .content img, .postbitlegacy .content img, .postbitdeleted .content img, .postbitignored .content img, .eventbit .content img {
    	max-width: 400px !important;
    	-webkit-transition: all .3s ease-out;
    	-moz-transition: all .3s ease-out;
    	-o-transition: all .3s ease-out;
    	transition: all .3s ease-out;
    }
    .postbit .content img:hover, .postbitlegacy .content img:hover, .postbitdeleted .content img:hover, .postbitignored .content img:hover, .eventbit .content img:hover {
    	max-width: 630px !important;
    	-moz-transform: scale(1);
    	-webkit-transform: scale(1);
    	-o-transform: scale(1);
    	transform: scale(1);
    	-ms-transform: scale(1);
    	filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=2, M12=-0, M21=0, M22=2);
    	z-index: 10;
    	overflow: hidden;
    }
    Chúc bạn thành công !
     
    #1

Chia sẻ trang này