StartAIBeta
需求展示入驻

Pattern

作者：whoisyourdeadie♥ 0 点赞MIT

实时预览

源代码

export default function Component() {
  return (
    <div className="matrix-container">
  <div className="matrix-pattern">
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
  </div>
  <div className="matrix-pattern">
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
  </div>
  <div className="matrix-pattern">
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
  </div>
  <div className="matrix-pattern">
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
  </div>
  <div className="matrix-pattern">
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
    <div className="matrix-column"></div>
  </div>
</div>
  );
}
← 返回组件列表