ملك الويب للشروحات

مدونة ملك الويب للشروحات التقنية وغيرها مرحباً بكل المتابعين الكرام معكم بروفيسور البرمجة منشئ لمدونة ملك الويب مدونة شروحات تقنية - شروحات البرامج والجوالات - شروحات برمجة الحاسوب وتعليم تصميم المواقع والاتظمة والتطبيقات بمختلف اللغات البرمجية -وكل ماهو جديد في عالم الويب والانترنت ستجده هنا على مدونتنا المتواضعه

القائمة الرئيسية

الصفحات

تعديل المشاركة

Animated Buttons - "Pressed Effect"

المبرمج الحميري

29 نوفمبر 2021

(0)

<!DOCTYPE html>

<html>

<head>

<meta name="viewport" content="width=device-width, initial-scale=1">

<style>

.button {

padding: 15px 25px;

font-size: 24px;

text-align: center;

cursor: pointer;

outline: none;

color: #fff;

background-color: #04AA6D;

border: none;

border-radius: 15px;

box-shadow: 0 9px #999;

}

.button:hover {background-color: #3e8e41}

.button:active {

background-color: #3e8e41;

box-shadow: 0 5px #666;

transform: translateY(4px);

}

</style>

</head>

<body>

<h2>Animated Buttons - "Pressed Effect"</h2>

<button class="button">Click Me</button>

</body>

</html>

Animated Buttons - "Pressed Effect"

تعليقات