מנוף בנייה

מנוף בנייה הוא סצנת SVG מונפשת מתוך סצנות מונפשות של כליקס. מה שמורידים הוא קובץ SVG שההנפשה שלו כתובה בתוכו, ולכן הוא עובד גם כתגית img. אין ספרייה חיצונית, אין שלב בנייה, ואם כליקס ייעלם מחר הקוד ימשיך לעבוד.

סצנת SVG מונפשת · בנייה · קבלן · SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 180 130" width="100%" role="img"
     aria-label="מנוף בנייה">
  <style>
    .cr-hook { animation: cr-lift 4s ease-in-out infinite }
    .cr-load { animation: cr-lift 4s ease-in-out infinite }
    @keyframes cr-lift { 0%,100% { transform: translateY(0) } 50% { transform: translateY(28px) } }
  </style>
  <rect width="180" height="130" fill="#0f172a"/>
  <g stroke="#facc15" stroke-width="4" stroke-linecap="round">
    <path d="M40 118V26"/>
    <path d="M24 26h130"/>
    <path d="M40 26 24 26"/>
    <path d="M40 14v12"/>
    <path d="M40 14 24 26"/>
    <path d="M40 14l40 12"/>
  </g>
  <g stroke="#a16207" stroke-width="2">
    <path d="M32 110l16-16"/><path d="M48 110 32 94"/>
    <path d="M32 90l16-16"/><path d="M48 90 32 74"/>
    <path d="M32 70l16-16"/><path d="M48 70 32 54"/>
  </g>
  <rect x="26" y="112" width="28" height="8" rx="3" fill="#64748b"/>
  <rect x="118" y="20" width="14" height="12" rx="3" fill="#f59e0b"/>
  <g class="cr-hook">
    <path d="M125 32v26" stroke="#e2e8f0" stroke-width="2"/>
    <rect x="112" y="58" width="26" height="16" rx="3" fill="#94a3b8"/>
  </g>
  <rect x="90" y="98" width="70" height="22" fill="#1e293b"/>
  <rect x="96" y="104" width="12" height="10" fill="#334155"/>
  <rect x="116" y="104" width="12" height="10" fill="#334155"/>
  <rect x="136" y="104" width="12" height="10" fill="#334155"/>
</svg>