logo1

<div class="logo">
                <a href="https://titanvina.com.vn/">
                    <img loading="lazy" src="https://titanvina.com.vn/wp-content/uploads/2024/09/logo-titanvina-002.webp" alt="Company Logo" width="277" height="50" class="d-block mx-auto mx-md-0">
                </a>
            </div>

<style>
.logo a {
	position:relative;
	overflow: hidden;
}

.logo a:before {
    content: "";
    position: absolute;
    left: -100px;
    top: -100px;
    width: 100px;
    height: 10px;
    background-color: rgba(255, 255, 255, .5);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: searchLights 3s ease-out 1s infinite;
    -o-animation: searchLights 3s ease-out 1s infinite;
    animation: searchLights 3s ease-out 1s infinite;
}

</style>
@-webkit-keyframes searchLights {0% { left: -100px;top: 0;} to{left: 250px;top: 0;}}
@-o-keyframes searchLights {0% { left: -100px;top: 0;} to{left: 250px;top: 0;}}
@-moz-keyframes searchLights {0% { left: -100px;top: 0;} to{left: 250px;top: 0;}}
@keyframes searchLights {0% { left: -100px;top: 0;} to{left: 250px;top: 0;}}