css实现自定义不规则边框效果代码
代码语言:html
所属分类:布局界面
代码描述:css实现自定义不规则边框效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<style>
@font-face {
font-family: 'Prata';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Prata Regular'), local('Prata-Regular'), url(https://fonts.gstatic.com/s/prata/v13/6xKhdSpbNNCT-vWI.ttf) format('truetype');
}
html {
font-family: 'Prata', serif;
line-height: 1.75;
}
body {
background: #f3e5ab;
}
.example {
position: relative;
display: block;
width: 50rem;
max-width: 90%;
margin: 4rem auto;
}
.example > .background {
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
-webkit-filter: drop-shadow(0 0 1rem #ba8e59);
filter: drop-shado.........完整代码请登录后点击上方下载按钮下载查看
















网友评论0