/**
 * Flash Animation Styles
 * 
 * Provides a flashing/blinking animation effect for elements.
 * Apply the 'flashit' class to any element to make it flash continuously.
 * 
 * Usage: <div class="flashit">This will flash</div>
 * 
 * @author Andrew Hatch
 * @version 1.0
 */

/* ========================================
   FLASH ANIMATION CLASS
   ======================================== */

/**
 * Flash animation class
 * Creates a continuous flashing effect by animating opacity
 * Duration: 1 second per cycle
 * Pattern: Full opacity -> Low opacity -> Full opacity
 */
.flashit {
    -webkit-animation: flash linear 1s infinite;
    animation: flash linear 1s infinite;
}

/* ========================================
   KEYFRAME ANIMATIONS
   ======================================== */

/**
 * Webkit/Blink browser keyframes for flash animation
 * Creates smooth opacity transition for flashing effect
 */
@-webkit-keyframes flash {
    0% { 
        opacity: 1; 
    } 
    50% { 
        opacity: 0.1; 
    } 
    100% { 
        opacity: 1; 
    }
}

/**
 * Standard keyframes for flash animation
 * Cross-browser compatible animation definition
 */
@keyframes flash {
    0% { 
        opacity: 1; 
    } 
    50% { 
        opacity: 0.1; 
    } 
    100% { 
        opacity: 1; 
    }
}