前端案例源码分享---制作宣传太极图标

IT就业
0 173

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> body{background: gainsboro} .box{width: 300px;height: 300px;background: red;margin: 100px auto; border-radius: 50%;overflow: hidden;position: relative; animation:auto 1s linear 1000;} .white{width: 150px;height: 300px;background: white;float: left} .black{width: 150px;height: 300px;background: black;float: left} .black_mid{width: 150px;height: 150px;background: black; position: absolute ;top 0;left: 75px;border-radius: 50%} .white_mid{width: 150px;height: 150px;background: white; position: absolute ;bottom: 0;left: 75px;border-radius: 50%} .black_in{width: 40px;height: 40px;background: white;border-radius: 50%;position: absolute;left:50%;margin-left: -20px; top:50%;margin-top: -20px;} .white_in{width: 40px;height: 40px;background: black;border-radius: 50%;position: absolute;left:50%;margin-left: -20px; bottom:50%;margin-bottom: -20px;} @keyframes auto { 50% { transform: rotate(180deg) } 100% { transform: rotate(360deg) } } </style> </head> <body> <div class="box"> <div class="white"></div> <div class="black"></div> <div class="black_mid"> <div class="black_in"></div> </div> <div class="white_mid"> <div class="white_in"></div> </div> </div> </body> </html>

举报 回复
  • 还没有人回答..
常见问题
公务员面试过程中可以透露自己的学历、专业、籍贯等个人信息吗 6099
国家公务员考试报名费已经缴了,但由于个人原因不去参加笔试,会不会有什么不好的影响 6205
教师资格证现场确认需要哪些资料,在籍学习证明去哪开 5991
公务员报考 2812
没有取得学位证对报考公务员、事业单位、国企及银行会受到怎样的影响?? 5523
国考个人信息 2776
国考报名 2623
国考报名人事档案存放单位写错一个字怎么办 5743
公务员国考中金融学类专业包括哪些? 6037
UI设计好学吗? 749