دقائق عصيبة مرت على ملايين المصريين الساعات الماضية، بعد وقوع زلزال بقوة 5.5 درجات على مقياس ريختر، الساعة 3:00:36 صباحا بالتوقيت المحلي، وفقا للمعهد القومي للبحوث الفلكية والجيوفيزيقية.
والآن اختبر معلوماتك عن أعنف الزلازل في تاريخ مصر:
[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; } } }
(المشهد)
