Black friday Black friday
Aprílový black friday tě nenechá v klidu! Až 80 % prémiového obsahu zdarma. Více informací
Pouze tento týden slevy až 80 % na programování v Javě
Avatar
Martin Štěpaník:1.6.2018 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.6.2018 11:34
Avatar
patrik.valkovic
Šéfredaktor
Avatar
Odpovídá na Martin Štěpaník
patrik.valkovic:1.6.2018 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.6.2018 11:58
Nikdy neumíme dost na to, abychom se nemohli něco nového naučit.
Avatar
Martin Štěpaník:1.6.2018 14:31

Děkuju :)

 
Nahoru Odpovědět 1.6.2018 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.