Power CSS button

[mr.franta]

Ultima mea creatie in css fara imagini,doar culori.
Pareri?

[The Kalu]

Arata bine dar borderul ala negru este cam gros.
De ce nu incerci sa mai citesti despre tranzitie si animatie la css?

[mr.franta]

Multumesc.Nu este border este background-ul butonului l-am pus asa ca un border pentru ca prima data am vrut sa fac un efect de neon si nu prea le am cu animatie in css.
M-am gandit sa ii pun la hover un gradient.

[Scooby-Doo]

Daca vrei sa inveti, iti recomand cu incredere:
https://www.w3schools.com/css/css3_animations.asp
https://www.w3schools.com/cssref/css3_pr_animation.asp
https://animista.net/play/basic/rotate

------
Cu ajutorul a ce ti-am dat mai sus, te vei descurca sa faci aniamtii exact cum iti doresti. Succes! :P

[mr.franta]

Multumesc pentru sfaturi.

[Mădălin]

Tipul asta de butoane erau la moda acum 10 ani...

Uite aici un exemplu de butoane mai "fashion".

-> https://css-tricks.com/how-to-recreate- ... n-buttons/
-> https://codepen.io/sebj54/pen/oxluI

[mr.franta]

Cred ca nu ai inteles deloc Madaline,ce vezi tu acolo sunt butoane create prin css fara imagine. folosind :before si after.
Daca te-ai uitat la imagine si ai spus doar ce vezi in imagine fara sa intelegi continutul css-ului trebuia sa te abtii.

Doar ca sa te convingi ca ce mi-ai trimis tu este la fel https://codepen.io/Sabin-Petre/pen/wvJPZRB

[Scooby-Doo]

https://cssgradient.io/
Poti adauga gradient ca si culoare pe butoane, ceea ce le va face mult mai frumoase. :P simplu de utilizat, vezi live cum arata.

[Mădălin]

Cred ca nu ai inteles deloc Madaline,ce vezi tu acolo sunt butoane create prin css fara imagine. folosind :before si after.
Daca te-ai uitat la imagine si ai spus doar ce vezi in imagine fara sa intelegi continutul css-ului trebuia sa te abtii.

Doar ca sa te convingi ca ce mi-ai trimis tu este la fel https://codepen.io/Sabin-Petre/pen/wvJPZRB

Am inteles ca sunt facute in css, cine mai foloseste imagini ca drept butoane in 2021? In primul rand designe-ul ala, dupa cum am mai zis, e vechi, acum se folosesc butoane flat sau material design (cum sunt cele de la youtube/google spre exemplu).

Incearca cat posibil sa renunti la border-radius sau sa-l diminuezi la maxim 3/4 pixeli, mai ales cu gradient se vede urat border-radius pe butoane.

Nu o lua in nume de rau, keep goin' dar incearca sa asculti niste sfaturi ca nu le zic degeaba.

[mr.franta]

Asa am avut in cap acest design.Ideea era sa imit o imagine.Nu neaparat pentru a utiliza unul.

[Mădălin]

Asa am avut in cap acest design.Ideea era sa imit o imagine.Nu neaparat pentru a utiliza unul.

Nu-i nimic. Continua cu altele, totul vine de la "exersat". Succes!

[mr.franta]

Asta incerc sa fac.Numai ca m-am apucat tarziu si timpul pe care il am este prea scurt.