公司招聘渐变底色标题

源代码

<section style="display:flex;margin:10px 0px;justify-content:center;align-items:flex-end;"><section style="background-image:linear-gradient(90deg, #065ae2, #80adfb);box-shadow:#c2c2c2 0px 0px 3px;padding:1px 20px 1px 8px;margin-bottom:5px;z-index:1;box-sizing:border-box;transform:skewX(-15deg);-webkit-transform:skewX(-15deg);-moz-transform:skewX(-15deg);-ms-transform:skewX(-15deg);-o-transform:skewX(-15deg);"><p style="font-size:16px;letter-spacing:2px;color:#fefefe;transform:skewX(15deg);-webkit-transform:skewX(15deg);-moz-transform:skewX(15deg);-ms-transform:skewX(15deg);-o-transform:skewX(15deg);">招聘</p></section><section style="background-image:linear-gradient(90deg, #fcc553, #fbdc93);height:24px;width:3em;margin-bottom:15px;margin-left:-33px;overflow:hidden;line-height:0;transform:skewX(-15deg);-webkit-transform:skewX(-15deg);-moz-transform:skewX(-15deg);-ms-transform:skewX(-15deg);-o-transform:skewX(-15deg);"></section><section style="background-image:linear-gradient(90deg, #bbd2f8, #fefefe);padding:0px 15px;margin-left:-35px;z-index:2;box-sizing:border-box;margin-bottom:unset;transform:skewX(-15deg);-webkit-transform:skewX(-15deg);-moz-transform:skewX(-15deg);-ms-transform:skewX(-15deg);-o-transform:skewX(-15deg);"><p style="font-size:16px;letter-spacing:2px;color:#216dd2;transform:skewX(15deg);-webkit-transform:skewX(15deg);-moz-transform:skewX(15deg);-ms-transform:skewX(15deg);-o-transform:skewX(15deg);">欢迎优秀的你</p></section></section>

关于我们

快捷导航

联系我们

关于我们