Předvánoční Black Friday Předvánoční Black Friday
Až 80% zdarma! Předvánoční BLACK FRIDAY akce. Více informací
Avatar
Martin Štěpaník:1. června 11:34

Dobrý den, můj dotaz zní, šlo by udělat v bootstrapu rotace karty v případě, že na ni najedu myší? má představa je ta, že na přední stranu-front, bych dal akorát logo a nadpis a při otočení karty na zadní stranu-back, bych napsal více slov. Jak to prosím udělat? zde se mi vždy dostane rozumné rady. Děkuji za ochotu a kód přikládám níže.

<div class="container" id="dovednosti">
<div class="row justify-content-md-center">
  <div class="col-md-4">
    <div class="card text-white bg-success mb-3" style="width: 15rem;">
      <img class="card-img-top" src="img/php.png" alt="php" id="obrazek">
      <div class="card-body">
        <h5 class="card-title">PHP</h5>
        <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>

      </div>
    </div>
  </div>
  <div class="col-md-4">
    <div class="card text-white bg-info mb-3" style="width: 15rem;">
      <img class="card-img-top" src="img/mysql.png" alt="mysql" id="obrazek">
      <div class="card-body">
        <h5 class="card-title">MySQL</h5>
        <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>

      </div>
    </div>
  </div>
  <div class="col-md-3">
    <div class="card text-white bg-danger mb-3" style="width: 15rem;">
      <img class="card-img-top" src="img/css3.png" alt="css" id="obrazek2">
      <div class="card-body">
        <h5 class="card-title">CSS3</h5>
        <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>

      </div>
    </div>
  </div>
</div>
 
Odpovědět 1. června 11:34
Avatar
patrik.valkovic
Šéfredaktor
Avatar
Odpovídá na Martin Štěpaník
patrik.valkovic:1. června 11:58

Tady je implementované přesně co potřebuješ - jen čisté CSS a je to i včetně vysvětlení.
https://davidwalsh.name/css-flip

Akceptované řešení
+20 Zkušeností
+1 bodů
Řešení problému
Nahoru Odpovědět 1. června 11:58
Nikdy neumíme dost na to, abychom se nemohli něco nového naučit.
Avatar
Martin Štěpaník:1. června 14:31

Děkuju :)

 
Nahoru Odpovědět 1. června 14:31
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 3 zpráv z 3.