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在线 | 国产精品久久久久久久免费大片 | 久久精品一区二区三区四区 | 人人操日日干 | 久久天天躁狠狠躁夜夜躁2014 | 中文字幕av在线 | 黄色免费网站在线看 | av网站免费观看 | 欧美xxxx做受欧美 | 国产精品久久久久久二区 | 有码在线 | 美女张开腿露出尿口 | 美国av片在线观看 | 久久天天躁狠狠躁夜夜躁2014 | 精品1区2区 | 久草视频网站 | 精品日韩一区二区三区av动图 | 精品一区二区三区四区在线 | 天天操天天射天天舔 | 日韩av美女电影 | 亚洲国产高清高潮精品美女 | va在线| 久久久久久久av | 特级做a爱片免费69 精品国产鲁一鲁一区二区张丽 | 日韩在线中文字幕 | www四虎影视 | 欧美一区二区三区在线免费观看 | 亚洲永久精品国产 | 日本久久一区二区三区 | 天天综合永久入口 | www.久久.com| 亚洲精品2 | 夜夜精品浪潮av一区二区三区 | 亚洲成色777777在线观看影院 |