如何用HTML5實現介面的徑向漸變效果
徑向漸變就是從起點到終點顏色從內到外進行圓形漸變(從內圓到外圓不斷變化的效果),使用徑向漸變可以實現一些網頁漂亮的介面特效如按鈕,導航圖片等
操作方法
(01)在網頁主體中定義一張畫布(大小,顏色等),在HTML5輸入JS程式碼,載入網頁,並定義一隻畫筆如圖
(02)執行程式,如圖
(03)定義一個變數grd,在畫布中心為150,起點為0,半徑為20,終點為200的地方,建立一個徑向效果,如圖
(04)在起點為0的地方設定徑向漸變為“#000”
(05)在0.1處的地方設定徑向漸變為“white”
(06)在0.2處的地方設定徑向漸變為“#eee”
(07)在0.3處的地方設定徑向漸變為“drakgray”
(08)填充徑向漸變效果,在起點為0,終點為800的地方坐圖,效果如圖
(09)執行程式,如圖完成!再加上顏色就好了!(是不是有一雙眼睛在盯著你)
-
ai素材製作之雄鹿篇
雄鹿一般都有2只萌萌噠的鹿角,很可愛,相對的雌鹿就很少見,在動物園裡,它們也是很受小朋友喜愛的動物,今天,小編為您介紹:ai素材製作之雄鹿篇。工具/材料ai軟體電腦操作方法01首先我們開啟我們的ai軟體,接著我們新建一個名字為“雄鹿”的ai檔案,如下圖所示。02接著我們第...
-
怎麼用支付寶購買彩票
怎麼使用支付寶購買彩票,讓小編教給你最新的購買指南。操作方法(01)國家全面禁止網路售彩,所以相關的支付寶購彩指南經驗全部取消。(02)但是支付寶可以轉賬,可以與彩票代售點老闆互加好友,通過轉賬的方式由老闆代購。(03)支付寶還可以當面付,在彩票代售點與老闆通過支付寶...
-
如何製作圖片火海燃燒效果
如何製作圖片火海燃燒效果呢?下面,就讓小編給大家介紹一下吧。操作方法01首先,我們需要開啟我們電腦的ps軟體(滑鼠左鍵雙擊桌面上的ps捷徑或者是滑鼠右鍵再選擇開啟都是可以的)。02開啟ps軟體之後,開啟一張圖片;接著,複製背景圖層。03新增分層雲彩濾鏡效果;然後,執行...
-
最好的p圖軟體有哪些?
現在在網上我們經常會看到一些惡搞的圖片,感覺非常搞笑好玩,其實這都是通過P圖軟體來製作的,下面我們就來看看常用的最好的P圖軟體有哪些。操作方法(01)p圖軟體之Photoshop,該軟體簡稱ps,它是最常用的p圖軟體,該軟體功能十分強大,只要你有想法有創意通過該軟體都可以做...