亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

怎么用css制作不規則形狀的鏈接

怎么用css制作不規則形狀的鏈接

想念云的雨 2016-07-28 15:06:25
如何做到給這3張圖片各自加一個蒙版效果,并且各自有一個鏈接,主要是可控區域怎么才能做到和圖片大小一樣
查看完整描述

1 回答

已采納
?
腦闊疼

TA貢獻8條經驗 獲得超3個贊

使用css的動畫旋轉效果做出來的 ?transform:rotate(30deg); ,然后 div嵌套 ?定位 遮擋 overflowhidden.?

查看完整回答
1 反對 回復 2016-07-28
  • 想念云的雨
    想念云的雨
    能不能給個小例子,貼出來代碼,謝謝
  • 腦闊疼
    腦闊疼
    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> .contain{ width: 400px; height: 300px; overflow: hidden; margin: 20px auto;background-color: #dff; } .main{ width: 300px; height: 300px; position: relative; top: -100px; left: 80px; background-color: #fdD; -webkit-transform: rotate(45deg); -webkit-transform-origin: 0 center; } .main p{position: relative; top: 100px; -webkit-transform: rotate(-45deg); display: block; } </style> </head> <body> <div class="contain"> <div class="main"> <p>文字在這里三大蘇打實打文字在這里三大蘇打實打文字在這里三大蘇打實打</p> </div> <div class="section"> </div> <div class="aside"> </div> </div> </body> </html>
  • 1 回答
  • 1 關注
  • 1874 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號