av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

html - 特殊樣式按鈕 點擊按下去要有凹下和彈起的效果

瀏覽:107日期:2023-06-30 17:23:30

問題描述

html - 特殊樣式按鈕 點擊按下去要有凹下和彈起的效果

需要做一個類似上圖中形狀的返回按鈕

參考 一個按鈕CSS3 返回按鈕 這個例子,做出了如下的返回按鈕:特殊樣式 返回按鈕按下彈起的顏色效果只有右邊的p有效,而左邊的小箭頭是:before和:after加進去的,請問,它的顏色怎么設置 為漸變色? 達到讓它看起來和右邊的部分渾然一體 的效果。。。

問題解答

回答1:

嗨,你需要的是這個CSS Button

如下

.myButton { background-color:#44c767; -moz-border-radius:28px; -webkit-border-radius:28px; border-radius:28px; border:1px solid #18ab29; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:17px; padding:16px 31px; text-decoration:none; text-shadow:0px 1px 0px #2f6627;}.myButton:hover { background-color:#5cbf2a;}.myButton:active { position:relative; top:1px;}回答2:

暴力一點的解決方案是,使用圖片。什么圓角啊漸變啊不兼容的問題都給我起開

回答3:

可以使用邊框漸變border-image:linear-gradient(.....)

回答4:

我有一個思路:不要用 border 做小箭頭,用 transform 變形做小箭頭。用 transform 的話就可以用背景漸變了。要注意的一點是,由于小箭頭要旋轉 45 度,你的背景漸變也要旋轉 45 度。

標簽: HTML
相關文章:
主站蜘蛛池模板: 亚洲成av | 亚洲国产精品一区二区久久 | 国产乱码精品一区二三赶尸艳谈 | a级片在线观看 | www.久久久久久久久 | 大学生a级毛片免费视频 | 一本一道久久a久久精品蜜桃 | 成人欧美一区二区三区黑人孕妇 | 午夜性色a√在线视频观看9 | 亚洲一区中文字幕 | 黄色一级大片在线免费看产 | 久久久亚洲一区 | 日本污视频 | 国内91在线 | 最新国产视频 | 久久777| 日日操夜夜操天天操 | 视频在线观看一区 | 一级毛片在线播放 | 一级毛片在线播放 | 国产在线激情视频 | 欧美大片黄 | 综合欧美亚洲 | 国产视频久久 | 亚洲福利一区二区 | 国产精品久久久久久妇女6080 | 亚洲欧美日韩系列 | 欧美人妇做爰xxxⅹ性高电影 | 欧美在线色 | 国产精品一区二区三 | 激情网站 | 亚洲精品美女 | 久草视频在线播放 | 有码一区 | 国产特级毛片aaaaaa喷潮 | 亚洲综合无码一区二区 | 欧美精品日韩 | 91色网站 | 日韩在线观看一区二区三区 | 欧美视频免费在线 | 久久久久久久久久久久久91 |