코딩헤딩

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

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

'HTML | CSS' 카테고리의 다른 글

HTML, CSS로 반응형 UI 만들기 (웹앱, 다크모드)  (4) 2025.07.30
[CSS] background-color 반투명 및 그라데이션 효과  (0) 2024.01.19
드롭다운 상단 메뉴바 만들기  (0) 2023.10.03
html 중앙정렬  (0) 2023.10.02
'HTML | CSS' Related Articles more