Green Scroll Bar - Pure CSS3 (from ZIG)

Green Scrollbar. Pure CSS3, no JS. Simple and Cute! Just extracted from ZIG( zzllrr Imager Geek ) http://goo.gl/n8SMk

什麼是Green Scroll Bar - Pure CSS3 (from ZIG)?

Green Scroll Bar - Pure CSS3 (from ZIG)是由https://sites.google.com/site/zzllrrimager開發的Chrome擴展程式,該擴展的主要功能是“Green Scrollbar. Pure CSS3, no JS. Simple and Cute! Just extracted from ZIG( zzllrr Imager Geek ) http://goo.gl/n8SMk”。

擴展截圖

screenshot

下載Green Scroll Bar - Pure CSS3 (from ZIG)擴展crx文件

下載Green Scroll Bar - Pure CSS3 (from ZIG)擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。

擴展使用說明

                        A simple Chrome Scroll Bar just extracted from zzllrr Imager. 

*Green and Cute!

*Pure CSS3, no JS(JavaScript)!

*Work well on web pages, iframes, textarea, etc.

Don't go away if you need other scrollbar styles. 
Below are CSS Hack/MOD/DIY Tips.

/* 1. The original CSS of scrollbar from zzllrr imager */

::-webkit-scrollbar{
	background-color:white;  	
	width:10px;
        height:10px;
	-webkit-box-shadow:2px 2px 6px rgba(0,0,0,.5) inset;
}
::-webkit-scrollbar-thumb{
        border-radius:5px;
	background-color:white;
	-webkit-box-shadow:2px 2px 6px rgba(0,0,0,.5),inset -2px 2px 2px rgba(204,204,204,0.1),inset 2px -2px 2px rgba(0,0,0,0.2);
}
::-webkit-scrollbar-thumb:hover{
	background-color:#a2c437;
}

/* 2. Just go to this extension folder 
(Your-Default-Chrome-Extension-Folder\Default\Extensions\hnnpahlmflcceeadbeollhmmkfhfelnn\1.0.1_0))
       to find the CSS file zzllrrImagerScrollbar.css to modify as you wish. 
*/

/* 3. Go to chrome://extensions/ to disable this extension and then enable it. 
        Over! Nice job!
*/                    

擴展基本資訊

名稱 Green Scroll Bar - Pure CSS3 (from ZIG) Green Scroll Bar - Pure CSS3 (from ZIG)
ID hnnpahlmflcceeadbeollhmmkfhfelnn
官方網址 https://chromewebstore.google.com/detail/green-scroll-bar-pure-css/hnnpahlmflcceeadbeollhmmkfhfelnn
簡介 Green Scrollbar. Pure CSS3, no JS. Simple and Cute! Just extracted from ZIG( zzllrr Imager Geek ) http://goo.gl/n8SMk
檔案大小 12.47 KB
安裝次數 537
目前版本 2013.6.27
更新時間 2013-06-27
上架時間 2013-06-26
評分 4.31/5 共 16 次評分
開發者 https://sites.google.com/site/zzllrrimager
電子郵箱 [email protected]
付費類型 free
擴展官網 https://chrome.google.com/webstore/detail/gfjhimhkjmipphnaminnnnjpnlneeplk
說明頁面URL http://weibo.com/zzllrrImager
隱私政策頁面URL https://sites.google.com/site/zzllrrimager/about
支援的語言 en
manifest.json
{
    "update_url": "http:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Green Scroll Bar - Pure CSS3 (from ZIG)",
    "version": "2013.6.27",
    "description": "Green Scrollbar. Pure CSS3, no JS. Simple and Cute! Just extracted from ZIG( zzllrr Imager Geek ) http:\/\/goo.gl\/n8SMk",
    "icons": {
        "16": "img\/16.jpg",
        "48": "img\/48.jpg",
        "128": "img\/128.gif"
    },
    "content_scripts": [
        {
            "css": [
                "ZIG-Scrollbar.css"
            ],
            "matches": [
                ""
            ],
            "all_frames": true
        }
    ],
    "homepage_url": "https:\/\/chrome.google.com\/webstore\/detail\/gfjhimhkjmipphnaminnnnjpnlneeplk",
    "manifest_version": 2
}