Skocz do zawartości

Przycisk html/css (modern)


blanken
 Udostępnij

Rekomendowane odpowiedzi

[img]https://grafinity.pl/upload/pliki/untitled_55d4eff99ff59.png[/img]
<b>HTML:</b> [code]<div class="przyciskflat"> <a href="spacecms.eu" class="flatprzycisk">SPACECMS.EU</a> </div>[/code] <b>CSS:</b> [code].przyciskflat { margin: 0 auto; background: rgb(250,255,255); } .flatprzycisk { display: inline-block; font-family: "tahoma"; font-size: 15px; text-decoration: inherit; border: 2px solid; padding: 13px 40px; } .flatprzycisk:hover { -webkit-transition: 0.8s ease-in; -moz-transition: 0.8s ease-in; -o-transition: 0.8s ease-in; transition: 0.8s ease-in; } .flatprzycisk { background-color: rgba(255,255,255,0); border-color: rgb(52,168,200); color: rgb(52,168,200); } .flatprzycisk:hover { background-color: rgb(52,168,200); border-color: rgb(52,168,200); color: rgb(255,255,255); } [/code] Przycisk kiedys znalazlem, lekko przerobilem pod siebie.
Odnośnik do komentarza
Udostępnij na innych stronach

Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.
 Udostępnij

×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.