av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術(shù)文章
文章詳情頁

css3 - 這個(gè)形狀使用CSS怎么寫出來?

瀏覽:122日期:2023-06-29 15:31:28

問題描述

這個(gè)形狀使用css3怎么寫出來,我不想使用背景圖實(shí)現(xiàn)這個(gè)效果。css3 - 這個(gè)形狀使用CSS怎么寫出來?

2.右側(cè)的圓角怎么實(shí)現(xiàn)?

問題解答

回答1:

p { width: 200px; height: 100px; border-radius: 0 20px 30px 0; background: #ccc; transform: scale(1.1, 1.3) perspective(.5em) rotateX(5deg); transform-origin: bottom left;}

差不多這意思吧,用transform轉(zhuǎn)了個(gè)角度,推薦用作偽元素墊在底下

補(bǔ)個(gè)鏈接

回答2:

p{ width:300px; height:50px; border-radius: 5px; background-color: #da8; transform: skew(15deg,0);}

自己補(bǔ)充一些廠商前綴,如果要兼容的話

css3 - 這個(gè)形狀使用CSS怎么寫出來?

回答3:

transform:skew(30deg,20deg);-ms-transform:skew(30deg,20deg); /* IE 9 */-moz-transform:skew(30deg,20deg); /* Firefox */-webkit-transform:skew(30deg,20deg); /* Safari and Chrome */-o-transform:skew(30deg,20deg); /* Opera */

skew 這個(gè)參數(shù),前面都是前綴

標(biāo)簽: CSS
相關(guān)文章:
主站蜘蛛池模板: 在线区| 亚洲精品电影网在线观看 | 夜夜撸av | 午夜成人免费视频 | 在线看av网址 | 国产97碰免费视频 | 日韩国产一区二区 | 免费一级片 | 亚洲精色 | 精品在线一区 | 国产成人a亚洲精品 | 日韩电影免费在线观看中文字幕 | 国产一级网站 | 亚洲国产aⅴ成人精品无吗 亚洲精品久久久一区二区三区 | 日韩一级免费电影 | 国产欧美一区二区在线观看 | 在线小视频 | 国产精品网页 | 亚洲一区在线播放 | 国产精品1区| 欧美日韩在线一区二区三区 | 国产精品高清在线 | 天天夜碰日日摸日日澡 | 亚洲在线一区 | 91精品国产欧美一区二区成人 | 玖玖玖在线观看 | 91精品国产综合久久婷婷香蕉 | 日韩在线观看 | 国产欧美二区 | av在线免费观看网址 | 午夜精品一区二区三区在线观看 | 久久av一区二区三区 | 国产98色在线 | 日韩 | 午夜在线影院 | 在线播放国产一区二区三区 | 免费成人高清在线视频 | 日韩av在线免费 | 久久久久久久久国产精品 | 国产在线观看av | 黄色毛片视频 | 成人在线视频免费观看 |