![[CSS3]用 CSS3 做畫廊 - 滑入滑出時偽原地縮放圖片](https://abgne.tw/wp-content/themes/abgne.tw_4.0/images/thumb.php?src=uploads/2014/01/css3-hover-scale-image-2.gif&w=150&h=120&zc=1)
筆者在用 jQuery 做畫廊 – 滑入滑出時偽原地縮放圖片中為了達到以中心為原點的縮放效果,程式中寫了較多的判斷。但其實使用 CSS3 的 transform 的話,根本不用寫什麼複雜的語法就能達到以中心為原點進行縮放了。
筆者在用 jQuery 做畫廊 – 滑入滑出時偽原地縮放圖片中為了達到以中心為原點的縮放效果,程式中寫了較多的判斷。但其實使用 CSS3 的 transform 的話,根本不用寫什麼複雜的語法就能達到以中心為原點進行縮放了。
之前筆者有分享過一篇N 宮格的相本畫廊展示的範例,而今天要分享的效果也是跟縮放有關,但是是在原地做一點點位移後縮放顯示。用說的可能很難懂,沒關係~對~哇~仄!(謎之音;陣頭的台語台詞是"對哇帕",這邊是"跟我做"的台語)
筆者在超簡單縮圖切換顯示分享過利用簡單的方式就能實現圖片切換的效果。而今天也是要用同樣的方式,但再加上一些額外的 CSS 排版及小小程式來變成另一種效果。