課程
/前端開發(fā)
/HTML/CSS
/CSS深入理解之border
有沒有完整代碼？drop-shadow？看的好心酸，不明白啊
2017-03-16
源自：CSS深入理解之border 6-1
正在回答
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>圖標添加映射的功能</title>
<style>
.icons{filter: drop-shadow(20px 0 ?#ff0080);
position: relative;left:-20px;
border-right: 20px solid transparent;
/*overflow: hidden;*/
width: 20px;
}
.container{width: 50px;margin: auto; overflow: hidden;}
</style>
</head>
<body>
<div class="container">
<div class="icons">
? ? <img src="img/icons02.png"/>
</div>
</body>
</html>
好好學習的好學生
求代碼
已經(jīng)實現(xiàn)了！
舉報
深入講解border使用方法及應用，以及如何借助border完成布局
2 回答遇到阻礙了， filter: drop-shadow沒有效果，到底需要滿足哪些隱藏條件才能觸發(fā)
2 回答求Checkbox響應區(qū)域增大的完整代碼，嗚嗚嗚
2 回答源代碼有沒有啊、
1 回答如何獲得講師的代碼
1 回答這代碼結(jié)果我只無語了
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關注慕課網(wǎng)微信公眾號
2017-06-24
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>圖標添加映射的功能</title>
<style>
.icons{filter: drop-shadow(20px 0 ?#ff0080);
position: relative;left:-20px;
border-right: 20px solid transparent;
/*overflow: hidden;*/
width: 20px;
}
.container{width: 50px;margin: auto; overflow: hidden;}
</style>
</head>
<body>
<div class="container">
<div class="icons">
? ? <img src="img/icons02.png"/>
</div>
</div>
</body>
</html>
2017-04-08
求代碼
2017-03-16
已經(jīng)實現(xiàn)了！