Website Assets

₹600-1500 INR

Închis

Data postării:

circa 5 ani în urmă

₹600-1500 INR

Plata la predare

I need someone who can build me usable library of css assets which would include buttons for instance with different hover effects and such, text boxes and all the essential elements with minimum of 7 different types of each.

CSS

Website Design

ID-ul proiectului: 18958131

Despre proiect

3 propuneri

Proiect la distanță

Activ: 5 ani în urmă

Vrei să câștigi bani?

Adresa de e-mail

Avantajele de a licita pe platforma Freelancer

Stabilește bugetul și intervalul temporal

Îți primești plata pentru serviciile prestate

Evidențiază-ți propunerea

Te înregistrezi și licitezi gratuit pentru proiecte

3 freelanceri plasează o ofertă medie de ₹1.283 INR pentru proiect

@goroshochoked

Hello. I have a large CSS archive I have more than 20 ready-made HTML + CSS buttons I can sell you them now for the price of the offer For an example, I enclose the code here, it is clean and understandable HTML <button class="shadow-btn"> <span class="btn-inner"> <span class="text">Перейти</span> <i class="fa fa-long-arrow-right"></i> </span> <span class="shadow"></span> </button> CSS .shadow-btn { position: relative; padding: 15px 40px; margin: 0 20px; background: #fff9ef; font-family: 'Montserrat Alternates', sans-serif; color: #fe7660; text-transform: lowercase; border: 2px solid #052464; font-size: 16px; font-weight: 600; outline: none; cursor: pointer; } .btn-inner { display: flex; align-items: center; } .text { line-height: 1; transform: translateX(0px); transition: .3s cubic-bezier(.86,0,.07,1); } .btn-inner i { margin-left: 5px; font-size: 14px; transition: transform .3s cubic-bezier(.86,0,.07,1), opacity .3s; } .shadow { position: absolute; top: 9px; left: 9px; width: 100%; height: 100%; background: #98dfd7; z-index: -1; transition: .3s ease; transform: translate3d(0,0,0); } .shadow-btn:hover .text { transform:translateX(8px); } .shadow-btn:hover i { transform: translateX(100%); opacity: 0; } .shadow-btn:hover .shadow { transform: translate3d(3px,3px,0); }

₹1.300 INR în 0 zi