נורה נדלקת

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

סצנת SVG מונפשת · רעיון · עסקי · SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 130" width="100%" role="img"
     aria-label="נורה נדלקת">
  <style>
    .li-glow { animation: li-glow 2.6s ease-in-out infinite }
    .li-bulb { animation: li-bulb 2.6s ease-in-out infinite }
    .li-ray { animation: li-ray 2.6s ease-in-out infinite }
    @keyframes li-glow { 0%,100% { opacity: .1 } 50% { opacity: .4 } }
    @keyframes li-bulb { 0%,100% { fill: #475569 } 50% { fill: #fde047 } }
    @keyframes li-ray { 0%,100% { opacity: 0; transform: scale(.9) } 50% { opacity: .8; transform: scale(1) } }
  </style>
  <rect width="120" height="130" fill="#0f172a"/>
  <circle class="li-glow" cx="60" cy="52" r="42" fill="#facc15"/>
  <g class="li-ray" stroke="#facc15" stroke-width="3" stroke-linecap="round" style="transform-origin:60px 52px">
    <path d="M60 8v10"/><path d="M24 22l7 7"/><path d="M96 22l-7 7"/>
    <path d="M12 56h10"/><path d="M98 56h10"/>
  </g>
  <path class="li-bulb" d="M60 22a24 24 0 0 1 15 42.6c-2 1.6-3 3.6-3 6H48c0-2.4-1-4.4-3-6A24 24 0 0 1 60 22z" fill="#475569"/>
  <rect x="48" y="74" width="24" height="6" rx="2" fill="#94a3b8"/>
  <rect x="50" y="82" width="20" height="6" rx="2" fill="#94a3b8"/>
  <path d="M53 90h14l-3 7h-8z" fill="#64748b"/>
</svg>