如果你需要快速的獲取某個(gè)圖片的CSS代碼,或者想方便的把 CSS 代碼轉(zhuǎn)換為圖片,那么這里有一個(gè)非常不錯(cuò)的軟件推薦給你。
這個(gè)軟件就是Pikaso。使用 Pikaso,你可以直接通過地址鏈接獲取圖片的 CSS 代碼,或者將你寫好的 CSS 代碼轉(zhuǎn)換成圖片格式。同時(shí),Pikaso 也支持多種格式的圖片,如 JPEG、PNG、SVG。
使用 Pikaso 很簡單。在首頁上,你會(huì)看到一個(gè)上傳圖片的按鈕。點(diǎn)擊這個(gè)按鈕,你可以選擇本地的圖片文件并上傳。一旦上傳完成,Pikaso 就會(huì)在頁面上展示出這個(gè)圖片,并提供一個(gè) CSS 代碼窗口。你只需要點(diǎn)擊“復(fù)制”按鈕即可獲得這個(gè)圖片的 CSS 代碼。
.your-image-class { background: url('http://your-image-link.png') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
確保記得用自己的圖片鏈接替換這個(gè)示例中的鏈接。
如果你需要將 CSS 代碼轉(zhuǎn)換成圖片,也很簡單。在 Pikaso 的主頁上,點(diǎn)擊“代碼轉(zhuǎn)圖片”按鈕。將你的 CSS 代碼粘貼到文本框中,點(diǎn)擊“生成圖片”按鈕,Pikaso 就會(huì)為你生成這段代碼所描述的圖片。
總之,Pikaso 是一個(gè)非常實(shí)用的工具,可以幫助你快速方便的獲取圖片的 CSS 代碼,并將自己寫好的代碼轉(zhuǎn)換成圖片,非常適合開發(fā)者和設(shè)計(jì)師使用。