CSS Flip Cards Archives - csshint - A designer hub

CSS Flip Cards Archives - csshint - A designer hub https://csshint.com/tag/css-flip-cards/ Sun, 19 Feb 2023 15:06:43 +0000 en-US hourly 1 https://wordpress.org/?v=6.3.4 Top 16: CSS Flip Cards https://csshint.com/css-flip-cards/ Thu, 11 Jul 2019 11:27:16 +0000 http://csshint.com/?p=1007 Latest Collection of hand-picked free CSS Flip Cards code examples. 1. Pure CSS clickable flip cards See the Pen Pure CSS clickable flip cards by Kacper Parzęcki (@kacpertn4t) on CodePen. Author Kacper Parzęcki Made with HTML / CSS (SCSS) demo and code Get Hosting 2. Flipping Card See the Pen Flipping Card by Dmitry Korobov […]

The post Top 16: CSS Flip Cards appeared first on csshint - A designer hub.

]]> Latest Collection of hand-picked free CSS Flip Cards code examples.

1. Pure CSS clickable flip cards

<br /> See the Pen <a href='https://codepen.io/kacpertn4t/pen/RYzZwG/'>Pure CSS clickable flip cards</a> by Kacper Parzęcki<br /> (<a href='https://codepen.io/kacpertn4t'>@kacpertn4t</a>) on <a href='https://codepen.io'>CodePen</a>.<br />

Author

Kacper Parzęcki

Made with

HTML / CSS (SCSS)

demo and code Get Hosting

2. Flipping Card

<br /> See the Pen <a href='https://codepen.io/DmitryKorobov/pen/LrWxKO/'>Flipping Card</a> by Dmitry Korobov<br /> (<a href='https://codepen.io/DmitryKorobov'>@DmitryKorobov</a>) on <a href='https://codepen.io'>CodePen</a>.<br />

Author

Dmitry Korobov

Made with

HTML / CSS (Sass)

demo and code Get Hosting

3. Tricky CSS hover

<br /> See the Pen <a href='https://codepen.io/pgalor/pen/WKoXqM/'>Tricky CSS hover</a> by Piotr Galor<br /> (<a href='https://codepen.io/pgalor'>@pgalor</a>) on <a href='https://codepen.io'>CodePen</a>.<br />

Author

Piotr Galor

Made with

HTML / CSS

demo and code Get Hosting

4. Fallout 76 CSS Slugger Perk Card

<br /> See the Pen <a href='https://codepen.io/jonnowitts/pen/YdYjmd/'>Fallout 76 CSS Slugger Perk Card</a> by Jonno Witts<br /> (<a href='https://codepen.io/jonnowitts'>@jonnowitts</a>) on <a href='https://codepen.io'>CodePen</a>.<br />

Author

Jonno Witts

Made with

HTML / CSS (SCSS) / JavaScript

demo and code Get Hosting

5. flippyCards

<br /> See the Pen <a href='https://codepen.io/kayfo23/pen/KoZOzB/'>flippyCards</a> by Kayleigh<br /> (<a href='https://codepen.io/kayfo23'>@kayfo23</a>) on <a href='https://codepen.io'>CodePen</a>.<br />

Author

Kayleigh

Made with

HTML / CSS (SCSS)

demo and code Get Hosting

6. Pure CSS Flip Card

<br /> See the Pen <a href='https://codepen.io/Aoyue/pen/pLJqgE/'>Pure CSS Flip Card</a> by Aron<br /> (<a href='https://codepen.io/Aoyue'>@Aoyue</a>) on <a href='https://codepen.io'>CodePen</a>.<br />

Author

Aron

Made with

HTML / CSS (SCSS)

demo and code Get Hosting

7. Card Flip

<br /> See the Pen <a href='https://codepen.io/cojdev/pen/EQZVRN/'>Card Flip</a> by Charles Ojukwu<br /> (<a href='https://codepen.io/cojdev'>@cojdev</a>) on <a href='https://codepen.io'>CodePen</a>.<br />

Author

Charles Ojukwu

Made with

HTML (Pug) / CSS (SCSS)

demo and code Get Hosting

8. 3D Flip Cards Pure CSS and HTML

<br /> See the Pen <a href='https://codepen.io/ArashRasteh/pen/QmgeLL/'>3D Flip Cards Pure CSS and HTML</a> by Arash Rasteh<br /> (<a href='https://codepen.io/ArashRasteh'>@ArashRasteh</a>) on <a href='https://codepen.io'>CodePen</a>.<br />

Author

Arash Rasteh

Made with

HTML / CSS (SCSS)

demo and code Get Hosting

9. Parallax Flipping Cards

<br /> See the Pen <a href='https://codepen.io/tyrellrummage/pen/wqGgLO/'>Parallax Flipping Cards</a> by Tyrell Rummage<br /> (<a href='https://codepen.io/tyrellrummage'>@tyrellrummage</a>) on <a href='https://codepen.io'>CodePen</a>.<br />

Author

Tyrell Rummage

Made with

HTML / CSS

demo and code Get Hosting

10. Parallax Flipping Cards

<br /> See the Pen <a href='https://codepen.io/ritalbradley/pen/jmGVmQ/'>3D Flipping Cards</a> by Rita Bradley<br /> (<a href='https://codepen.io/ritalbradley'>@ritalbradley</a>) on <a href='https://codepen.io'>CodePen</a>.<br />

Author

Rita Bradley

Made with

HTML / CSS (SCSS)

demo and code Get Hosting

11. Flipping card

<br /> See the Pen <a href='https://codepen.io/nikishkin/pen/mOvMva/'>Flipping card</a> by Sergey Nikishkin<br /> (<a href='https://codepen.io/nikishkin'>@nikishkin</a>) on <a href='https://codepen.io'>CodePen</a>.<br />

Author

Sergey Nikishkin

Made with

HTML / CSS / JavaScript

demo and code Get Hosting

12. Realistic 3D Image Flip Box

<br /> See the Pen <a href='https://codepen.io/nicolamihaita/pen/zKXAOW/'>Realistic 3D Image Flip Box, Flip Card, 3d Image hover, Kallyas WordPress Theme</a> by Nicola Mihaita<br /> (<a href='https://codepen.io/nicolamihaita'>@nicolamihaita</a>) on <a href='https://codepen.io'>CodePen</a>.<br />

Author

Nicola Mihaita

Made with

HTML / CSS / JavaScript

demo and code Get Hosting

13. CSS 3D Flip Cards

<br /> See the Pen <a href='https://codepen.io/wellingguzman/pen/RyyeVq/'>CSS 3D Flip Cards</a> by Welling Guzman<br /> (<a href='https://codepen.io/wellingguzman'>@wellingguzman</a>) on <a href='https://codepen.io'>CodePen</a>.<br />

Author

Welling Guzman

Made with

HTML (Pug) / CSS (Less)

demo and code Get Hosting

14. 3D Product Cards

<br /> See the Pen <a href='https://codepen.io/Zacaree/pen/ZvQjOG/'>3D Product Cards</a> by Zac<br /> (<a href='https://codepen.io/Zacaree'>@Zacaree</a>) on <a href='https://codepen.io'>CodePen</a>.<br />

Author

Zac

Made with

HTML / CSS (Sass) / JavaScript (Babel)

demo and code Get Hosting

15. Parallax Card

<br /> See the Pen <a href='https://codepen.io/Moslim/pen/zdPrVp/'>Parallax Card</a> by Hakkam Abdullah<br /> (<a href='https://codepen.io/Moslim'>@Moslim</a>) on <a href='https://codepen.io'>CodePen</a>.<br />

Author

Hakkam Abdullah

Made with

HTML / CSS

demo and code Get Hosting

16. flip animation

<br /> See the Pen <a href='https://codepen.io/thelittleblacksmith/pen/Opxore/'>ampersand flash card | css knockout text + flip animation</a> by Eina O<br /> (<a href='https://codepen.io/thelittleblacksmith'>@thelittleblacksmith</a>) on <a href='https://codepen.io'>CodePen</a>.<br />

Author

Eina O

Made with

HTML / CSS

demo and code Get Hosting

The post Top 16: CSS Flip Cards appeared first on csshint - A designer hub.

]]>