请马上登录,朋友们都在花潮里等着你哦:)
您需要 登录 才可以下载或查看,没有账号?立即注册
x
代码:
<style>
.infinity {
--size: 200px;
--border: 16px;
margin: 30px auto;
width: var(--size);
height: var(--size);
border: 1px solid gray;
filter: drop-shadow(0 0 6px black);
position: relative;
}
.infinity::before, .infinity::after {
position: absolute;
content: '';
width: calc(50% - var(--border) * 1.5);
height: calc(50% - var(--border) * 1.5);
border: var(--border) solid teal;
border-radius: 50% 50% 0 50%;
transform-origin: 100% 100%;
}
.infinity::after {
transform: rotate(-180deg) translate(var(--border), var(--border));
}
</style>
<div class="infinity"></div>
|