NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: Bootstrap-flip card

Jak se ti líbí článek?
Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500
Jak se ti kurz líbí?
Tvé hodnocení kurzuZnaků 0 z 50-500
Aktivity
Avatar
Martin Štěpaník
Člen
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 Valkovič
Člen
Avatar
Odpovídá na Martin Štěpaník
Patrik Valkovič: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í
+2,50 Kč
Ř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
Člen
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.