HTML | CSS

[CSS]부드럽게 깜빡이는 그림자

멈머이 2024. 1. 19. 14:09
728x90
<body style="background-color: black;">
    <div class="mymovingelement"></div>
</body>
<style>
    @keyframes movelogOuterGlow {
        0% {
            box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
        }
        50% {
            box-shadow: 0 0 30px rgba(255, 255, 255, 0.8);
        }
        100% {
            box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
        }
    }

    .mymovingelement {
        width: 100px;
        height: 100px;
        background-color: blue;
        margin: 50px;
        animation: movelogOuterGlow 5s infinite;
    }
</style>
728x90