【css】svg动画动态骷髅旋转html

这个是我在哪个网站上抄的笔记。


html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Titletitle>
  <style>
    @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
 
    body {
      background: black;
    }
 
    .highPage {
      position: relative;
      color: #0b0;
      font-size: 21px;
      line-height: 1.5;
      padding: 32px 16px;
      max-width: 960px;
      margin: 0 auto;
      font-family: 'Press Start 2P', cursive;
    }
 
     .skulls {
      position: relative;
      padding: 16px 0 24px;
      max-width: 600px;
      margin: 0 auto;
      border: 24px solid;
      /*!*border-image: url(https://skullctf.com/images/skull-border.svg) 32  ;*!*/
      border-image: url(https://skullctf.com/images/skull-border.svg) 32 round;
 
    }
 
 
    .highPage h1 {
      text-align: center;
    }
 
    .highPage table {
      text-transform: uppercase;
      width: 440px;
      margin: 0 auto;
    }
 
    .highPage table th {
      min-width: 140px;
      text-align: left;
    }
 
    .highPage table tr:nth-child(1) td {
      color: red;
    }
 
    .highPage table tr:nth-child(2) td {
      color: purple;
    }
 
    .highPage table tr:nth-child(3) td {
      color: salmon;
    }
 
    .highPage table tr:nth-child(4) td {
      color: orange;
    }
 
    .highPage table tr:nth-child(5) td {
      color: yellow;
    }
  style>
head>
<body>
 
 
<div class="highPage">
  <div class="skulls">
    <h1>High Scoresh1>
    <table>
      <thead>
      <tr>
        <th>Rankth>
        <th>Scoreth>
        <th>Nameth>
      tr>
      thead>
      <tbody>
      <tr>
        <td>1sttd>
        <td>0td>
        <td>td>
      tr>
      <tr>
        <td>2ndtd>
        <td>0td>
        <td>td>
      tr>
      <tr>
        <td>3rdtd>
        <td>0td>
        <td>td>
      tr>
      <tr>
        <td>4thtd>
        <td>0td>
        <td>td>
      tr>
      <tr>
        <td>5thtd>
        <td>0td>
        <td>td>
      tr>
      <tr>
        <td>6thtd>
        <td>0td>
        <td>td>
      tr>
      <tr>
        <td>7thtd>
        <td>0td>
        <td>td>
      tr>
      <tr>
        <td>8thtd>
        <td>0td>
        <td>td>
      tr>
      <tr>
        <td>9thtd>
        <td>0td>
        <td>td>
      tr>
      <tr>
        <td>10thtd>
        <td>0td>
        <td>td>
      tr>
      tbody>
    table>
  div>
div>
 
 
body>
html>

这个网站我忘记在哪里去了，找一下应该找的出来的，原网站上有详细解说。

相关阅读:
【小沐学Unity3d】3ds Max 多维子材质编辑（Multi/Sub-object）
2024年阿里云服务器新用户购买一个月多少钱?
直流有刷电机开环调速基于STM32F302R8+X-NUCLEO-IHM07M1（二）
SpringBoot分页其实很简单
【数据结构】优先级队列
鲁大师电动车智能化测评报告第二十三期：实测续航95km，九号Q90兼顾个性与实用
IT运维管理革新，服务器监控新篇章
基于SSM的校园服务平台管理系统设计与实现
【Unity】URP屏幕后处理UI模糊效果实现
优秀的低代码产品长什么样？鉴别秘籍来了

原文地址：https://blog.csdn.net/qq_33014695/article/details/126118126