اختبر معلوماتك عن سيارات فولكس فاغن

وضعت شركة "فولكس فاغن" الألمانية القطعة الأخيرة والمفقودة في "أحجية" تحولها نحو الطاقة النظيفة، كاشفة الستار عن سيارة "استثنائية" قد تغيّر قواعد اللعبة تمامًا.السيارة الجديدة التي أُطلق عليها اسم "ID. Era 9X"، ليست مجرد مركبة كهربائية عادية، بل هي "وحش" ضخم يحل المعضلة التي تؤرق ملايين السائقين حول العالم: "رعب نفاذ البطارية في منتصف الطريق".والآن اختبر معلوماتك عن سيارات فولكس فاغن: [data-riddle-v2-0] .rid-load { background: #fff; } [data-riddle-v2-0] .rid-load i { background: #fff; } [data-riddle-v2-0] .rid-load i:before { border-color: #00205b; } .rid-load { padding-top: 56%; border-radius: 24px; position: absolute; top: 0; left: 0; width: 100%; transition: opacity ease-out 0.5s; box-sizing: border-box; } .rid-load p { position: absolute; top: 50%; left: 50%; margin: -8px; } .rid-load i { position: absolute; display: block; width: 20px; height: 20px; border-radius: 5px; left: -8px; animation: 3s infinite rid-icon; transform: scale(1) rotate(30deg); } .rid-load i:before { box-sizing: border-box; content: ''; display: block; position: absolute; left: 2px; right: 2px; bottom: 2px; top: 2px; border: 2px solid; border-radius: 3px; } .rid-load i+i { left: 0; top: -4px; transform: scale(1) rotate(45deg); } .rid-load i+i+i { left: 8px; top: 0; transform: scale(1) rotate(60deg); } @keyframes rid-icon { 40% { left: 0; top: 0; transform: scale(1) rotate(0); } 60% { left: 0; top: 0; transform: scale(1) rotate(0); } } @keyframes largeCircleMove { 0%, 25% { width: 20px; height: 20px; left: -3px; top: -3px; } 75%, 100% { width: 14px; height: 14px; left: 0px; top: 0px; } } @keyframes largeCircleColor { 0%, 25% { background-color: #00205b; } 45% { background-color: #00205b; } 75%, 100% { background-color: transparent; } } @keyframes smallCircleMove { 0%, 25% { width: 0px; height: 0px; left: 7px; top: 7px; opacity: 0; background-color: #00205b; } 75%, 100% { width: 4px; height: 4px; left: 5px; top: 15px; opacity: 1; background-color: #00205b; } } .rid-load--qzzr { i { border-radius: 100px; width: 14px; height: 14px; transform: none; Box-sizing: border-box; &:before { display: none; } &:nth-child(1) { animation: largeCircleMove 1.5s cubic-bezier(0.34, 1.56, 0.64, 1) infinite alternate, largeCircleColor 1.5s cubic-bezier(0.34, 1.56, 0.64, 1) infinite alternate; animation-fill-mode: both; } &:nth-child(1) { border: 3px solid #00205b; } &:nth-child(2) { animation: smallCircleMove 1.5s cubic-bezier(0.34, 1.56, 0.64, 1) infinite alternate; animation-fill-mode: both; } &:nth-child(3) { display: none; } } }(المشهد)