• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

interfejs odtwarzania i nagrywania wideo

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
+1 głos
160 wizyt
pytanie zadane 24 lutego 2021 w HTML i CSS przez K4Tel Nowicjusz (150 p.)

Witam, dostałem takie zadanie i chciałbym żebyście mi wytłumaczyli jak zakodować w HTML. Nie mam pojęcia jak to zrobić. 

1 odpowiedź

+1 głos
odpowiedź 24 lutego 2021 przez VBService Ekspert (255,900 p.)
edycja 24 lutego 2021 przez VBService

 smiley

<button class="slightly-oval"><span>PAUSE</span></button>
<button class="slightly-oval"><span>STOP</span></button>
<button class="slightly-oval"><span>START</span></button>
<button class="slightly-oval rec"><span>REC</span></button>
*, :after, :before {
  box-sizing: border-box;
}
button {
  font: 1em/1.1em monospace;
  margin: 1em 0.5em;
  cursor: pointer;
  outline: none;
}
button.rec:hover {
  color: red;
}
.slightly-oval span {
  position: absolute;
  top: 50%; right: 50%;
  transform: translate(50%,-50%);
}
.slightly-oval {
  position: relative;
  width: 100px;
  height: 40px;  
  border-radius: 80% / 20%;
  text-indent: 0.1em;
  background: #3b57ab;
  color: white;  
  user-select: none;
  border: 0;
}
.slightly-oval:before {
  content: '';
  position: absolute;
  top: 10%;
  bottom: 10%;
  right: -5%;
  left: -5%;
  background: inherit;
  border-radius: 5% / 50%;
}

Podobne pytania

+1 głos
2 odpowiedzi 273 wizyt
+1 głos
1 odpowiedź 129 wizyt

93,110 zapytań

142,090 odpowiedzi

321,614 komentarzy

62,452 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...