這篇文章給大家分享的是有關(guān)css3怎樣制作陰影效果的內(nèi)容。小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,一起跟隨小編過來看看吧。
成都創(chuàng)新互聯(lián)長期為上1000+客戶提供的網(wǎng)站建設(shè)服務(wù),團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年,關(guān)注不同地域、不同群體,并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù);打造開放共贏平臺(tái),與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為龍山企業(yè)提供專業(yè)的網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站,龍山網(wǎng)站改版等技術(shù)服務(wù)。擁有10年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<title>boxshadow陰影效果實(shí)例</title>
<style>
.demo1{
width:100px;
height:100px;
background-color:#3262ff;
box-shadow:5px5px5pxblack;
}
.demo2{
margin-top:20px;
width:100px;
height:100px;
background-color:#ccccff;
box-shadow:5px5px5px5pxblack;
}
.demo3{
margin-top:20px;
box-shadow:8px8px8px-8pxblack;
width:100px;
height:100px;
background-color:#1094f2;
}
.demo4{
margin-top:20px;
box-shadow:5px0px5px-5pxblack,-5px0px5px-5pxblack;
width:100px;
height:100px;
background-color:#a7fcff;
}
.demo5{
margin-top:20px;
box-shadow:8px0px8px-8pxblack;
width:100px;
height:100px;
background-color:#029789;
}
</style>
</head>
<body>
<divclass="demo1">demo1</div>
<divclass="demo2">demo2</div>
<divclass="demo3">demo3</div>
<divclass="demo4">demo4</div>
<divclass="demo5">demo5</div>
</body>
</html>
感謝各位的閱讀!關(guān)于“css3怎樣制作陰影效果”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,讓大家可以學(xué)到更多知識(shí),如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!
當(dāng)前名稱:css3怎樣制作陰影效果
地址分享:http://chinadenli.net/article14/gsggde.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供小程序開發(fā)、App開發(fā)、移動(dòng)網(wǎng)站建設(shè)、網(wǎng)站排名、企業(yè)網(wǎng)站制作、建站公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)