احدث اكواد هتمل 2024

من طرف الفنان الأربعاء ديسمبر 06, 2023 12:49 am

الكود:: <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css' integrity='sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==' crossorigin='anonymous' referrerpolicy='no-referrer' /><style>#wrap {margin: 20px auto;text-align: center;}#wrap br { display: none;}.btn-slide{ position: relative;display: inline-block; height: 50px;width: 200px; line-height: 50px;padding: 0;border-radius: 50px;background: #fdfdfd;border: 2px solid #9e2f5e;margin: 10px;transition: .5s;}.btn-slide:hover {background-color: #9e2f5e;}.btn-slide:hover span.circle{left: 100%;margin-left: -45px;background-color: #fdfdfd;color: #9e2f5e;}.btn-slide:hover span.title {left: 40px;opacity: 0;}.btn-slide:hover span.title-hover{opacity: 1;left: 40px;}.btn-slide span.circle{display: block;background-color: #9e2f5e;color: #fff;position: absolute;float: left; margin: 5px;line-height: 42px;height: 40px;width: 40px;top: 0;left: 0;transition: .5s;border-radius: 50%;}.btn-slide span.title,.btn-slide span.title-hover {position: absolute;left: 90px;text-align: center;margin: 0 auto;font-size: 16px;font-weight: bold;color: #9e2f5e;transition: .5s;}.btn-slide span.title-hover{left: 80px;opacity: 0;}.btn-slide span.title-hover {color: #fff;}</style><div id='wrap'><a href='' target='_blank' class='btn-slide' target='_blank'><span class='circle'><i class='fa fa-download' style='line-height: 40px;'></i></span><span class='title'>تحميل</span><span class='title-hover'>إضغط هنا</span></a></div>

تحميلإضغط هنا