代码目录:
主要代码实现:
CSS样式:
body { display: grid; justify-content: center; height: 100vh; font-family: sans-serif; font-weight: 900; color: darkred; background: linear-gradient(to bottom right, tomato, darkred); perspective: 50vw; overflow: hidden; } div { position: relative; font-size: 15vw; line-height: 100vh; filter: drop-shadow(0 0 5px tomato); animation: spin 5s linear infinite; } div:before { content: ''; width: 15vw; height: 25vw; background: red; position: absolute; left: 50%; top: 50%; border-radius: 150px 150px 0 0; transform: translate(-74%, -50%) rotate(-45deg); z-index: -1; } div:after { content: ''; width: 15vw; height: 25vw; background: red; position: absolute; left: 50%; top: 50%; border-radius: 125px 125px 0 0; transform: translate(-26%, -50%) rotate(45deg); z-index: -1; } @keyframes spin { 100% { transform: rotateY(360deg); } }
HTML代码 :
LOVE www.awaedu.com www.bdsoba.com www.sobd.cc
联系客服