کدهای جذاب و دیدنی ( morphing search input ) : تغییر شکل آیکون بصورت زیبا

٨٧۴ visibility ٢ mode_comment

در این قسمت میخوام یک کد ( morphing search input ) جالب رو در اختیارتون بزارم.

morphing search input

همونطور که دیدید در ابتدا یک آیکون جستجو قرار داره و زمانی که بر روی اون کلیک میکنید بصورت زیبا به آیکون x تبدیل میشه و درون input قرار میگیره.

بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.

موفق باشید.

یا علی

Source

comment دیدگاه کاربران
محسن

سلام ممنون از سایت بسیار خوبتون
یه سوال داشتم من یه سایت طراحی کردم با وردپرس حالا میخوام از این کدهایی که توی بانک کدتون هست استفاده کنم و توی سایت وردپرسیم قرار بدم ممنون میشم راهنماییم کنید.

محمد اسفندیاری

این کدها ربطی نداره که کجا قراره استفاده بشن
تنها کاری که باید بکنید اینه که کدهای HTML رو در محل مورد نظرتون قرار بدین و کدهای CSS هم در فایل CSS قرار بدین
بهمین راحتی
موفق باشید

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.