5.Sınıf Açılar Konu Kazanım Testi

Açılar Testi - 5. Sınıf body { box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin: 0; padding: 15px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100%; color: #333; } .container { max-width: 900px; margin: 0 auto; background: white; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); } .header { text-align: center; margin-bottom: 25px; padding: 20px; background: linear-gradient(135deg, #4299e1, #667eea); border-radius: 15px; color: white; } .header h1 { font-size: 2.2rem; margin-bottom: 8px; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); } .header p { font-size: 1rem; margin: 0; opacity: 0.9; } .score-board { display: flex; justify-content: space-between; align-items: center; background: #f7fafc; padding: 15px 25px; border-radius: 15px; margin-bottom: 20px; border: 2px solid #e2e8f0; } .score { font-size: 1.2rem; font-weight: bold; color: #4299e1; } .progress { font-size: 1rem; color: #4a5568; } .question-container { background: #fff5f5; padding: 25px; border-radius: 15px; margin: 20px 0; border: 3px solid #fed7d7; box-shadow: 0 4px 15px rgba(0,0,0,0.1); } .question-number { background: #4299e1; color: white; padding: 8px 16px; border-radius: 20px; font-weight: bold; display: inline-block; margin-bottom: 15px; font-size: 0.9rem; } .question-text { font-size: 1.1rem; font-weight: bold; margin-bottom: 20px; color: #2d3748; line-height: 1.5; } .visual-aid { text-align: center; margin: 20px 0; padding: 15px; background: #f0fff4; border-radius: 10px; border: 2px solid #c6f6d5; } .visual-aid strong { color: #2d5016; font-size: 0.95rem; } .svg-container { display: flex; justify-content: center; align-items: center; margin: 15px 0; padding: 10px; background: white; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } .svg-container img { max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); } .options { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 12px; margin: 20px 0; } .option-button { padding: 15px 18px; background: #e2e8f0; border: 3px solid transparent; border-radius: 12px; cursor: pointer; font-size: 15px; font-weight: bold; transition: all 0.3s ease; text-align: center; color: #4a5568; min-height: 50px; display: flex; align-items: center; justify-content: center; } .option-button:hover { background: #cbd5e0; transform: translateY(-2px); box-shadow: 0 4px 15px rgba(0,0,0,0.15); } .option-button:active { transform: translateY(0); } .option-button.correct { background: #c6f6d5; border-color: #48bb78; color: #22543d; animation: correctPulse 0.6s ease-in-out; } .option-button.incorrect { background: #fed7d7; border-color: #e53e3e; color: #742a2a; animation: incorrectShake 0.6s ease-in-out; } .option-button:disabled { cursor: not-allowed; } @keyframes correctPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } @keyframes incorrectShake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-5px); } 75% { transform: translateX(5px); } } .explanation { background: #e6fffa; padding: 15px; border-radius: 10px; margin-top: 15px; border-left: 5px solid #38b2ac; display: none; font-size: 0.95rem; line-height: 1.5; } .explanation.show { display: block; animation: slideDown 0.5s ease-out; } @keyframes slideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } .next-button { background: #48bb78; color: white; border: none; padding: 15px 30px; border-radius: 25px; cursor: pointer; font-size: 16px; font-weight: bold; transition: all 0.3s ease; margin: 20px auto; display: none; min-height: 50px; } .next-button:hover { background: #38a169; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(72, 187, 120, 0.3); } .next-button.show { display: block; } .final-results { text-align: center; padding: 30px; background: linear-gradient(135deg, #667eea, #764ba2); border-radius: 20px; color: white; display: none; } .final-results.show { display: block; animation: fadeIn 0.8s ease-in; } @keyframes fadeIn { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } } .final-score { font-size: 2.8rem; font-weight: bold; margin: 20px 0; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); } .performance-message { font-size: 1.2rem; margin: 15px 0; line-height: 1.4; } .restart-button { background: #ed8936; color: white; border: none; padding: 15px 30px; border-radius: 25px; cursor: pointer; font-size: 16px; font-weight: bold; transition: all 0.3s ease; margin: 20px 10px; min-height: 50px; } .restart-button:hover { background: #dd6b20; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(237, 137, 54, 0.3); } .sound-toggle { position: fixed; top: 15px; right: 15px; background: #4299e1; color: white; border: none; padding: 12px 16px; border-radius: 50px; cursor: pointer; font-size: 18px; z-index: 1000; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(66, 153, 225, 0.3); min-width: 50px; min-height: 50px; display: flex; align-items: center; justify-content: center; } .sound-toggle:hover { background: #3182ce; transform: scale(1.1); } .sound-toggle.muted { background: #e53e3e; } .celebration-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); display: none; justify-content: center; align-items: center; z-index: 2000; animation: fadeIn 0.5s ease-in; } .celebration-content { text-align: center; color: white; font-size: 3rem; animation: bounce 1s ease-in-out infinite; padding: 20px; } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .confetti { position: fixed; width: 10px; height: 10px; background: #ff6b6b; animation: confetti-fall 3s linear infinite; } .confetti:nth-child(2n) { background: #4ecdc4; } .confetti:nth-child(3n) { background: #45b7d1; } .confetti:nth-child(4n) { background: #96ceb4; } .confetti:nth-child(5n) { background: #ffeaa7; } @keyframes confetti-fall { 0% { transform: translateY(-100vh) rotate(0deg); opacity: 1; } 100% { transform: translateY(100vh) rotate(720deg); opacity: 0; } } /* Mobil Optimizasyonları */ @media (max-width: 768px) { body { padding: 10px; } .container { padding: 20px; border-radius: 15px; } .header { padding: 15px; margin-bottom: 20px; } .header h1 { font-size: 1.8rem; margin-bottom: 5px; } .header p { font-size: 0.9rem; } .options { grid-template-columns: 1fr; gap: 10px; } .option-button { padding: 15px; font-size: 14px; min-height: 55px; } .score-board { flex-direction: column; gap: 8px; padding: 15px; text-align: center; } .question-container { padding: 20px; margin: 15px 0; } .question-text { font-size: 1rem; line-height: 1.4; } .visual-aid { padding: 12px; margin: 15px 0; } .visual-aid strong { font-size: 0.9rem; } .sound-toggle { top: 10px; right: 10px; padding: 10px 12px; font-size: 16px; min-width: 45px; min-height: 45px; } .celebration-content { font-size: 2.5rem; padding: 15px; } .final-score { font-size: 2.2rem; } .performance-message { font-size: 1.1rem; } .next-button, .restart-button { font-size: 15px; padding: 12px 25px; min-height: 45px; } } @media (max-width: 480px) { .header h1 { font-size: 1.6rem; } .question-text { font-size: 0.95rem; } .option-button { font-size: 13px; padding: 12px; } .final-score { font-size: 2rem; } .celebration-content { font-size: 2rem; } } 🔊 🎉 Mükemmel! 🎉 🔺 Açılar Testi 🔺 Paralel Doğrular ve Açılar Konusunu Test Et! Skor: 0/10 Soru: 1/10 🎉 Testi Tamamladın! 🎉 0/10 🔄 Tekrar Çöz

5.Sınıf Açılar Konu Kazanım Testi

🔺 Açılar Testi 🔺

🎉 Testi Tamamladın! 🎉

Öğretmen

Bir yanıt yazın Yanıtı iptal et

5.Sınıf Temel Geometrik Kavramlar Kim Milyoner Olmak İster Yarışması

5.Sınıf Çarpma ve Bölme Problemleri Test Çöz

5.Sınıf Temel Geometrik Kavramlar Etkinliği

7.Sınıf Tam Sayılarda Toplama İşlemi Etkinliği-2

5.Sınıf Açılar Konu Kavrama Etkinliği

5.Sınıf Kare ve Dikdörtgenin Çevre ve Alanı Etkinlik ve Test Çöz

🎯 6.Sınıf Ortak Kat ve Ortak Bölen Bulma Oyunu

4.Sınıf Doğal Sayıların Okunuşu Basamak ve Sayı Değerleri Etkinliği

5.Sınıf Eşitliğin Korunumu Sürükle Bırak Etkinliği

Etkin Matematik

5.Sınıf Matematik

🔺 Açılar Testi 🔺

🎉 Testi Tamamladın! 🎉

Öğretmen

5.Sınıf Temel Geometrik Kavramlar Kim Milyoner Olmak İster Yarışması

Matematik Dört işlem Oyunu

İlgili Makaleler

5.Sınıf Geometrik Kavramlar Kelime Bulmaca Oyunu

5.Sınıf Çarpma ve Bölme Problemleri Test Çöz

5.Sınıf Matematik

5.Sınıf Karesi ve Küpü Sürükle Bırak Etkinliği

Bir yanıt yazın Yanıtı iptal et

5.Sınıf Kare ve Dikdörtgenin Çevre ve Alanı Etkinlik ve Test Çöz

🎯 6.Sınıf Ortak Kat ve Ortak Bölen Bulma Oyunu

4.Sınıf Doğal Sayıların Okunuşu Basamak ve Sayı Değerleri Etkinliği

5.Sınıf Eşitliğin Korunumu Sürükle Bırak Etkinliği

Etkin Matematik

5.Sınıf Matematik