天給大家?guī)硎且粋€金屬的開關(guān),大家看一下,別看著操作很簡單但是很復(fù)雜的,包括這里面沒有用任何的圖片和圖標,純用css寫出來的,大家可以看一下。
解析一下代碼區(qū)域,我的開發(fā)工具是h pro x開發(fā)uni up。
·首先用個vivo式的容器定一個容器,里面放了個第二層的vivo式的容器,里面弄了個老本開關(guān)標簽,弄一個開關(guān)手柄。
·在unif中應(yīng)該知道是什么意思,就是隨著真假而變換樣式,兩個,大家看這個顏色就應(yīng)該知道了,是背景滑動的時候,下面就是位置的變化。
·gs部分定義了個flash,在進行點擊的時候從真變假,從假變成真的切換,樣式就跟著真假進行變換的。
·cs部分都是提前定義好的固定的樣式,這是整體的。
·這就是開關(guān)容器的基本的設(shè)定,大家可以看到它的大小、寬高,取消底部外編劇的,把這個刪掉,其實也沒什么用,前面多寫了,可以刪掉。
·這個是開關(guān)標簽樣式的設(shè)定,就是顏色根據(jù)真假進行變化,說白就是固定的,除了顏色以外其他都是固定的。
·這個就是開關(guān)手柄,就金屬的手柄的樣式,大家可以牢記一下,可以自己動手去寫一下。
其實就這么幾行,cs部分基本上都是固定的固定色,只有這里進行了真假的切換和樣式的切換才形成動態(tài)的效果。
喜歡的可以點贊收藏一下,想要這個元代碼的可以找我嘮嗑或者點擊下方都可以,多多會給你們發(fā)送,但是我還是點個自己動手去寫,我還是建議,今天就先講到這。
者:前端日志
轉(zhuǎn)發(fā)鏈接:https://mp.weixin.qq.com/s/zoEfqIwfsnAWVO8L7xuUuQ
tml代碼里,表示顏色一般用兩種方法,一種是直接寫出顏色的英文,另一種是前面寫個“#”后面再寫6個數(shù)字字母。
先說第一種表示方法,這個很簡單,如果要表示黑色直接就是black,紅色就red,藍色就blue。具體的我們看下面圖1,圖2
圖1
圖2
現(xiàn)在來說第二種,這也是我們這個文章要重點說的,因為這個也是最經(jīng)常用的表示方法,很多人看到這個又是字數(shù)又是字母的就糊涂了,今天我們來詳細的把它講清楚。先用圖片來說明一下,先看下面圖3
圖3
圖3里的#000000表示的是黑色,#ff0000表示紅色,#00ff00表示綠色,所以說這個效果是和圖1一樣的。那要怎么理解這種表示顏色的方法呢,我們再來列出幾個顏色和它的表示法:
紅色:#ff0000,綠色:#00ff00,藍色:#0000ff, 大家仔細看一下就可發(fā)現(xiàn),這個和我們平常說的RGB格式來表示顏色是一樣的,相當(dāng)于紅綠藍三個光,而f是十六進制中的0,1,2,.....e,f中的f了 。f是里面的最大值了,ff代表該顏色光的值達到最大,所以#ff0000是紅色,#880000表示的也是紅色,只是沒有#ff0000這個那么紅了。其他的也是同理。所以#000000代表三個顏色光的值都為0,沒有任何光了,那就是黑色了,相反#ffffff代表三個顏色光的值都達到最大,混合在一起就成白色。我們也知道紅光和藍光混在一起是紫色的,所以#ff00ff表示的是紫色,同樣#ffff00表示的是黃色。講到這里相信大家應(yīng)該都明白了怎樣用這種方法表示顏色了吧,如果要表示一種顏色,只要把相應(yīng)的值增加或減小或者添加另一個顏色,這樣就可以得到千千萬萬種顏色了。
這兩種表示顏色的方法都講完了,尤其是第二種方法,大部分情況都是用這種方法來表示html里面的顏色的。如果大家有什么更好的更容易理解的想法,可以點擊關(guān)注【點點有你】一起來討論一下哦
最后,如果您覺得我寫的這些文章對您有幫助的話,您可以根據(jù)您的情況隨意給點賞金,我相信一分也是愛也是支持,下面兩圖是我的支付寶和微信收款碼。當(dāng)然寫文章不是一定要讓您給賞金的,有您的支持和贊助,我會有更多動力來寫文章和大家分享的,再次感謝您的支持和理解!
*請認真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。