ورود با اکانت گوگل
یا
آقای متریال

برای جستجو کلمه مورد نظر خود را وارد کنید

مجموعه ۱۰ دکمه شناور (fab) برای وب سری یک

alisaffari


اطلاعات نویسنده
alisaffari

alisaffari

  • Exclusive Author
  • sold_between_10_000_and_50_000_dollars
  • bought_between_1_and_9_items
  • Iran (Islamic Republic of)
نمونه کارها
پشتیبانی
برای دیدن اطلاعات تماس تهیه کننده این محصول باید محصول رو خریداری کرده باشید

دکمه های شناور بصورت دایره و درون آن یک ایکون قرار میگیرد

این نوع دکمه ها دارای سایه خاصی میباشد و با فشرده شدن بروی دکمه سایه بیشتر میشود

مکان این نوع دکمه در اندروید پایین صفحه میباشد و راست یا چپ بودن این دکمه نسبت به نوع برنامه و تغیر میکند

در وب نسبت به قالب سایت و کارایی دکمه مکان دکمه تغیر میکند و معمولا در انتهای صفحه در حالات فیکس قرار داد و در بعضی موارد این دکمه در مجاورت با هدر سایت قرار میگیرد

در ادامه شما را با ۱۰ مدل از این دکمه ها که هر کدام برای کاری مناسب است اشنا میکنیم(سری یک)

 

۱

 

See the Pen Add Button by Anthony Collurafici (@CSS3fx) on CodePen.21951

 

۲

 

See the Pen Angular Directive Material Action Menu by Greg Laubenstein (@gjlaubenstein) on CodePen.21951

 

 

۳

See the Pen Material floating button CSS by Simone Bernabè (@simoberny) on CodePen.21951

 

۴

 

See the Pen Material Search Element by Alex Bergin (@abergin) on CodePen.21951

۵

 

See the Pen Pure CSS Toggle Menu by Akshay Nair (@phenax) on CodePen.21951

۶

 

See the Pen Material Design Button by vivek kaarthek (@vivek3003) on CodePen.21951

 

۷

 

See the Pen Material Design Circular Loader by Theodore (@theodore12) on CodePen.21951

 

۸

 

See the Pen Material Design Morphing by Drew (@Laosing) on CodePen.21951

 

۹

 

See the Pen Material Design Menu by Timotius Sitorus (@timotius02) on CodePen.21951

 

۱۰

See the Pen Material Studies 1 by Tom Bremer (@tbremer) on CodePen.21951

 

 

 

دیدگاه هایی که برای این مطلب ارسال شده

  1. ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: محمد مهدی افقری بهمن ۱۶, ۱۳۹۴

    عالی بود ممنون
    اگر میشه یکمی بیشتر آموزش رایگان بذارید در مورد متریال دیزاین
    بلکه من تازه کار بتونم بهتر ار کنم و سبک متریال رو یادبگیرم

    • ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: محمود رضا خیراتی فرد بهمن ۱۷, ۱۳۹۴

      چشم
      در حال اماده سازی اموزش ها هستیم
      ممنون از نظرتون

  2. ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: Apksky بهمن ۲۰, ۱۳۹۴

    سلام
    من الان کدوم کد رو باید کجا کپی کنم که مثل سایت شما یه دکمه پایین سمت راست برای سایت به وجود بیاد؟

    • ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: علی صفاری بهمن ۲۱, ۱۳۹۴

      ممنون از نظر با ارزش شما
      برای دکمه شبیه سایت به اموزش تهیه میکنیم

شما هم دیدگاهی برای این مطلب ارسال کنید

مطالب مرتبط

مطالب تصادفی

لوگوی دوستان

هایپر تمپ | HyperTemp