如何做到給這3張圖片各自加一個(gè)蒙版效果，并且各自有一個(gè)鏈接，主要是可控區(qū)域怎么才能做到和圖片大小一樣
1 回答
已采納
腦闊疼
TA貢獻(xiàn)8條經(jīng)驗(yàn) 獲得超3個(gè)贊
使用css的動(dòng)畫旋轉(zhuǎn)效果做出來(lái)的 ?transform:rotate（30deg）; ，然后 div嵌套 ?定位 遮擋 overflowhidden.?
-
想念云的雨能不能給個(gè)小例子，貼出來(lái)代碼，謝謝 -
腦闊疼<!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>文字在這里三大蘇打?qū)嵈蛭淖衷谶@里三大蘇打?qū)嵈蛭淖衷谶@里三大蘇打?qū)嵈?lt;/p> </div> <div class="section"> </div> <div class="aside"> </div> </div> </body> </html>
- 1 回答
- 1 關(guān)注
- 1884 瀏覽
添加回答
舉報(bào)
0/150
提交
取消