কিভাবে তৈরি করা যায়: এনিমেশন সার্চ বক্স
CSS দ্বারা এনিমেশন সার্চ ফর্ম কিভাবে তৈরি করা যায় শিখুন。
ইনপুট ফিল্ডকে ক্লিক করুন:
এনিমেশন সার্চ বক্স কিভাবে তৈরি করা যায়
পদক্ষেপ ১ - HTML যোগ করুন:
<input type="text" name="search" placeholder="Search..">
পদক্ষেপ ২ - CSS যোগ করুন:
input[type=text] {
width: 130px;
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
}
/* 当输入字段获得焦点时，将其宽度更改为 100% */
input[type=text]:focus {
width: 100%;
}
相关页面
教程：HTML ফর্ম
教程：CSS ফর্ম
