css-sprite

SVG Sprite 技術實踐

SVG Sprite(這裡特指基於svg symbol)作為傳統css sprite和icon font的替代方案,在現代瀏覽器(ie9 )上能夠正常執行,關於它的技術背景、特點和降級方案等不再贅述,可以參考以下幾篇文章,寫的都非常不錯: 未來必熱:SVG Sprite技術介紹 Web 設計新趨勢: […]

「CSS3」ImageMagick – 從gif建立雪碧圖動畫 – Sprite Sheet Animation

ImageMagick ImageMagick 是當前非常流行的一個影象處理庫,一些大型的公司,例如Facebook、雅虎等都在使用 ImageMagick 對使用者上傳的影象進行處理。 ImageMagick 基本上可以支援所有的基礎影象處理,例如尺寸、亮度、灰度的改變,濾鏡和特效的新增,圖片格式 […]

Google LOGO的CSS Sprite

為紀念美國現代舞舞蹈家瑪莎·葛蘭姆誕辰,Google Doodle推出了一款極其炫酷的LOGO,整個LOGO使用CSS Sprite技術,利用一個初始圖片和一張畫滿各個動作的拼接圖片,實現了動畫,而非傳統的GIF動畫影象。<!–more–> 效果 原文檢視效果 C […]