/* تأثير اهتزاز للأيقونات */ .node-icon i:hover { animation: shake 0.5s ease-in-out; } @keyframes shake { 0% { transform: translateX(0); } 25% { transform: translateX(-3px); } 50% { transform: translateX(3px); } 75% { transform: translateX(-3px); } 100% { transform: translateX(0); } } /* تأثير تكبير لعنصر التنبيه */ .manageralert:hover .alert-content { transform: scale(1.03); transition: all 0.3s ease-in-out; box-shadow: 0 0 15px rgba(0,0,0,0.2); } /* تأثير كتابة على العناوين */ .block-header h3 { overflow: hidden; white-space: nowrap; border-right: 2px solid #fff; animation: typing 3s steps(30, end), blink 0.75s step-end infinite; } @keyframes typing { from { width: 0 } to { width: 100% } } @keyframes blink { from, to { border-color: transparent } 50% { border-color: white; } } /* تأثير الظهور التدريجي للمشاركات */ .message { opacity: 0; transform: translateY(20px); animation: fadeInUp 0.6s ease-in-out forwards; } @keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } } /* تأثير فخم على روابط الفوتر */ .ex-footer a:hover { color: #FFD700; text-shadow: 0 0 5px #FFD700; transition: all 0.3s ease-in-out; } /* لمسة فنية على أزرار التفاعل */ .actionBar-action:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); transform: scale(1.05); transition: all 0.3s ease; }