15 CSS Business Cards

freefrontend
282 阅读2分钟
原文链接： freefrontend.com

15 CSS Business Cards

Collection of free HTML and CSS business card code examples.

Related Articles

  1. CSS Cards
  2. CSS Flip Cards
  3. CSS Material Design Cards
  4. CSS Credit Cards

Demo image: Business Card

Author

  • wheatley

Made with

  • HTML / CSS (SCSS)

About the code

Business Card

Business card in HTML and CSS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

  • Laura Pinto

Made with

  • HTML / CSS (SCSS)

About the code

Animated Business Card

Pure CSS animated business card.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

  • Sabine Robart

Made with

  • HTML / CSS (SCSS)

About the code

Fipping Business Card

Interactive card design with background-clip: text + background: linear-gradient animation.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css

Author

  • Akshay

Made with

  • HTML (Pug) / CSS (Sass)

About the code

Business Card

Business card in HTML and CSS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

  • Thomas Hanson

Made with

  • HTML / CSS

About the code

CSS Business Card

Quick business card design that I decided to print Patrick Bateman's credentials on. 100% CSS3, with the :hover and :focus styles of the button element being used to allow for a smooth two-stage animation.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Demo image: Material Business Card

Author

  • Siddharth Hubli

Made with

  • HTML / CSS

About the code

Material Business Card

CSS material business card

Compatible browsers: Chrome, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Demo image: Geometric Business Card with CSS Grid

Author

  • Liz Wendling

Made with

  • HTML / CSS (Less)

About the code

Geometric Business Card with CSS Grid

Playing around with CSS Grid, Flexbox, clip-path, and radial-gradient.

Compatible browsers: Chrome, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Demo image: Inspiration Business Card

Author

  • Dannie Vinther

Made with

  • HTML / CSS

About the code

Inspiration Business Card

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

  • Gigi

Made with

  • HTML (Pug) / CSS (Sass)

About the code

Business Card

Pure CSS animated business card.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

  • Elena Nazarova

Made with

  • HTML / CSS

About the code

3D Flip Business Card

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css

Author

  • Lubos

Made with

  • HTML (Haml) / CSS (SCSS) / JavaScript

About the code

Business Card

Flipping business card in HTML, CSS and JavaScript.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Author

  • Peter Girnus

Made with

  • HTML / CSS (SCSS)

About the code

Flippable Digital Business Card

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css

Author

  • Zach Saucier

Made with

  • HTML / CSS (SCSS)

About the code

Business Card

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Author

  • jasper

Made with

  • HTML / CSS / JavaScript

About the code

CSS Business Card

This example is sketch for a digital business card.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Author

  • Eduard Kosicky

Made with

  • HTML / CSS (SCSS)

About the code

Business Card Concept

Business card concept in HTML and CSS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: ionicons.css

avatar
文章
阅读
粉丝