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 度。
相關文章:
1. python - 我在使用pip install -r requirements.txt下載時,為什么部分能下載,部分不能下載2. mysql - 分庫分表、分區、讀寫分離 這些都是用在什么場景下 ,會帶來哪些效率或者其他方面的好處3. node.js - nodejs開發中常用的連接mysql的庫4. 網頁爬蟲 - python 爬取網站 并解析非json內容5. mysql - jdbc的問題6. Python爬蟲如何爬取span和span中間的內容并分別存入字典里?7. 視頻文件不能播放,怎么辦?8. mysql - 如何減少使用或者不用LEFT JOIN查詢?9. python - 編碼問題求助10. linux - python 抓取公眾號文章遇到驗證問題
