|
@@ -86,5 +86,21 @@ export default {
|
|
|
|
|
|
.module-card:hover {
|
|
|
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
|
|
|
+
|
|
|
+ font-size: 30px;
|
|
|
+ color: #fff;
|
|
|
+ text-align: center;
|
|
|
+ animation: glow 1s ease-in-out infinite alternate;
|
|
|
+}
|
|
|
+
|
|
|
+@keyframes glow {
|
|
|
+ from {
|
|
|
+ text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073,
|
|
|
+ 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
|
|
|
+ }
|
|
|
+ to {
|
|
|
+ text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6,
|
|
|
+ 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|