10 نمونه طراحی آیکون Submit با css

10 نمونه طراحی آیکون Submit با css

در این مطلب مجموعه ای از آیکون های بسیار زیبا فرم های ارسال (مانند Submit – Sen) که طراحی شده با استفاده از کدهای Html و Css می باشد برای شما آماده کرده ایم.

نام طراح: Claudia – October 28, 2018       دمو و کد          طراحی شده با: HTML / CSS (SCSS) / JS

درباره کد

SEND BUTTON TRANSFORMS INTO BIRDS

آیکون Send طراحی شده با افکت پرواز پرندگان

مرورگرهای سازگار: Chrome, Edge, Firefox, Opera, Safari

Responsive:no

Dependencies:–

ARROWED SUBMIT BUTTON

نام طراح: Krar – May 19, 2018                           دمو و کد                       طراحی شده با: (HTML (Pug) / CSS (Stylus)

درباره کد

ARROWED SUBMIT BUTTON

آیکون طراحی شده با استفاده از Css شامل علامت جهت نما می باشد.

مرورهای سازگار: Chrome, Edge, Firefox, Opera, Safari

– :Dependencies

SUBMIT LOADER

نام طراح: Raduan – May 2, 2018                   دمو و کد                              طراحی شده با: HTML / CSS (SCSS) / JavaScript

درباره کد

SUBMIT LOADER

آیکون Submit به همراه علامت بارگزاری

مرورگرهای سازگار: Chrome, Edge, Firefox, Opera, Safari

Dependencies:–

ANIMATED SUBMIT BUTTONS

نام طراح: Nour Saud – January 24, 2018                       دمو و کد              طراحی شده با: HTML / CSS / JavaScript

درباره کد

ANIMATED SUBMIT BUTTONS

آیکون Submit طراحی شده به همراه حالت انیمیشنی موفقیت و خطا در ارسال

مرورهای سازگار: Chrome, Edge, Firefox, Opera, Safari

Dependencies:–

SUBMIT BUTTON

نام طراح:Nicolás J Engler – September 30, 2017       دمو و کد     طراحی شده با: HTML (Slim) / CSS (SCSS) / JavaScript

درباره کد

SUBMIT BUTTON

آیکون Submit با طراحی تغییر حالت متن آیکون

Compatible browsers:Chrome, Edge, Firefox, Opera, Safari

Dependencies:–

BUTTON LOADING ANIMATION

نام طراح: Joshua Ward – September 27, 2017        دمو و کد        طراحی شده با: HTML / CSS (SCSS) / JavaScript

درباره کد

BUTTON LOADING ANIMATION

آیکون با حالت بارگزاری انیمیشینی ES6

مرورگرهای سازگار: Chrome, Edge, Firefox, Opera, Safari

موارد مورد نیاز: font-awesome.css

SUBMIT BUTTON

نام طراح: thelaazyguy – July 29, 2017      دمو و کد               طراحی شده با: HTML / CSS / JavaScript

درباره کد

SUBMIT BUTTON

Submit status button with a mixture of SVG, CSS and little bit of ES6.

مرورگرهای سازگار: Chrome, Edge, Firefox, Opera, Safari

Dependencies:–

BUTTON INTERACTION

نام طراح: Dhanish – July 18, 2017         دمو و کد               طراحی شده با: HTML / CSS / JavaScript

درباره کد

BUTTON INTERACTION

Experiment for submit button.

مرورگرهای سازگار: Chrome, Edge, Firefox, Opera, Safari

Dependencies:–

نام طراح: Irem Lopsum – August 4, 2014     دمو و کد        طراحی شده با: HTML / CSS / JavaScript

درباره کد

SEND BUTTON

دکمه ارسال با حالت انتقال

مرورگرهای سازگار: Chrome, Edge, Firefox, Opera, Safari

Dependencies:–

نام طراح: Rik Schennink – March 12, 2014     دمو و کد     طراحی شده با: HTML / CSS (SCSS) / JavaScript

درباره کد

ORGANIC BUTTON

Elastic submit button, has pounding hearth for loading animation, will burst into ready state once done.

مرورگرهای سازگار: Chrome, Edge, Firefox, Opera, Safari

Dependencies:–

95 درصد از آن‌ چیزی را که به دیگران می‌آموزیم برای همیشه در ذهن ما ماندگار می گردد.

ارسال دیدگاه

* .ایمیل ادرس شما منتشر نخواهد شد