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)文章:
主站蜘蛛池模板: 欧美日韩免费一区二区三区 | 久久91精品国产 | 日韩中文视频 | 欧美日韩国产在线 | 久草资源 | 成人精品一区二区三区中文字幕 | 成人综合在线视频 | 91资源在线观看 | 99热播精品| 草久久免费视频 | 日韩字幕 | 国产精品久久免费观看 | 国产高清美女一级a毛片久久w | 91精品国产综合久久久久久丝袜 | 欧美精品一区二区在线观看 | 中文字幕高清av | 欧美一级久久 | 久草在线在线精品观看 | 久久av一区二区三区 | 国产精品亚洲一区 | 欧美天堂 | 波多野结衣中文字幕一区二区三区 | 日韩精品成人一区二区三区视频 | 中文字幕福利视频 | 午夜影院在线观看视频 | 亚洲色图婷婷 | 国产黑丝在线 | 国产美女自拍视频 | 日韩在线观看一区 | 逼逼网 | 九九精品在线 | 亚洲人成在线观看 | 国产精品久久久久久久免费大片 | 国产成人精品一区二三区在线观看 | 精品久久久久久一区二区 | 亚洲第一福利网 | 亚洲 中文 欧美 日韩 在线观看 | 欧州一区二区三区 | 国产99热精品 | 亚洲综合在线一区 | 亚洲国产一区二区三区在线观看 |