عاد الحديث عن فيروس كورونا مرة أخرى، بعد أن حذرت تقارير من انتشار ملحوظ لسلالة جديدة قادرة على التهرب من المناعة، في وقت كشفت مراكز بحثية عن انتشار المتحور الجديد في أكثر من 23 دولة حول العالم.
والآن اختبر معلوماتك عن متحور كورونا الجديد:
[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; } } } [data-riddle-v2-1] .rid-load { background: #fff; } [data-riddle-v2-1] .rid-load i { background: #fff; } [data-riddle-v2-1] .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; } } } [data-riddle-v2-2] .rid-load { background: #fff; } [data-riddle-v2-2] .rid-load i { background: #fff; } [data-riddle-v2-2] .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; } } } [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; } } }
(المشهد)