loading...

CSS FORMS

gscode profile image gaganjot singh ・2 min read

Alt Text

If You Like This Article then check Out more Example [gscode.in]

30 Pure CSS Forms

https://gscode.in/css-forms/

1.Daily challenge 001 from dailyui.co.

2.Sign In & Sign Up Form concept , click on login and Sign Up to changue and view the effect

3.CSS FORMS

4.Supported card:

5.Recently made a website that uses the "sketch style" because I was dead adamant to not use flat design. These are some of the elements + more that I never got to use.

Shoutout to all y'all bullet journalists on Instagram.

Also https://codepen.io/mattyfours/pen/xNGdyO for the beautiful 5-way gradient! <3

p/s I have a picture with a random dog in 20 different countries, ama.

6.Placeholders cannot be modified in a very useful way, and not by all browsers the same... so there's some jQuery to manipulate the label elements to act as placeholders ( it also means the form is semantic as the labels are there at page load correctly)

7.Login, Sign-up, Password, Reset, Payment, User, Contact, Complex

Scroll-to-Top feature, being a single scroll page and all...

8.Quick practise on one of the forms in this article: https://medium.com/@saijogeorge/creative-form-input-field-design-examples-bfe5dd50808a

9.Log In Forms

CSS FORM

Alt Text

If You Like This Article then check Out more Example [gscode.in]

30 Pure CSS Forms

https://gscode.in/css-forms/

Discussion

markdown guide