Code Front (s)

20 CSS Tags

Collection of Hand-picked Free 20 HTML and CSS Tags. examples are from Codepen and other resources.

Related posts

↓

Author

  • Lauren Ashpole

Made with

  • HTML / CSS

Created on

  • December 15,2016

Updated on

  • December 15,2016

About the Code

CSS Christmas Tags

Flip on Hover CSS Christmas Tags

Useful Links:Live Demo | Download
Dependency:–
Compatible Browsers:Chrome, Edge, Firefox, Opera, Safari
↑ ↓
Demo image:https://codefronts.com/wp-content/uploads/2023/05/css3-only-paper-tags.png

Author

  • Fernando Pasik

Made with

  • HTML / SCSS

Created on

  • October 07,2012

Updated on

  • September 19,2013

About the Code

CSS3-only Paper tags

blog posts tags, with pure css3

Useful Links:Live Demo | Download
Dependency:–
Compatible Browsers:Chrome, Edge, Firefox, Opera, Safari
↑ ↓
Demo image:https://codefronts.com/wp-content/uploads/2023/05/pure-css-cloud-colorful-tags.png

Author

  • Metty

Made with

  • HTML / CSS

Created on

  • February 23,2020

Updated on

  • February 23,2020

About the Code

Pure CSS Colorful tags

Useful Links:Live Demo | Download
Dependency:–
↑ ↓

Author

  • Andrej Sharapov

Made with

  • Pug / SCSS

Created on

  • January 21,2019

Updated on

  • January 21,2019

About the Code

Hover effects for tags bar & search

Used CSS: transform, cubic-bezier, -webkit-background-clip, writing-mode

Useful Links:Live Demo | Download
Dependency:–
Animation:yes
↑ ↓

Author

  • Anders Grimsrud

Made with

  • HTML / CSS

Created on

  • August 10,2012

Updated on

  • January 20,2013

About the Code

Pure CSS Sliding Tags

Pure CSS Sliding Tags.

Useful Links:Live Demo | Download
Dependency:–
Animation:yes
↑ ↓

Author

  • Thibaut

Made with

  • HTML / CSS

Created on

  • December 16,2012

Updated on

  • February 23,2013

About the Code

Sliding Tags

Sliding Tags coded with HTML5, CSS3, and Sass.

Useful Links:Live Demo | Download | Tutorial
Dependency:–
Compatible Browsers:Firefox 4, Safari 4, Chrome 13, Opera 10, IE 8 (and newer)
↑ ↓
Demo image:https://codefronts.com/wp-content/uploads/2023/05/css-tags-with-outlined-borders.png

Author

  • w3tweaks

Made with

  • HTML / Less

Created on

  • June 27,2015

Updated on

  • June 27,2015

About the Code

CSS tags with outlined borders

Useful Links:Live Demo | Download
Dependency:–
↑ ↓
Demo image:https://codefronts.com/wp-content/uploads/2023/05/single-element-css-tag-with-counter.png

Author

  • Roman Diaz

Made with

  • HTML / Less

Created on

  • September 21,2012

Updated on

  • September 22,2012

About the Code

Single Element CSS Tag with Counter

A single-element tag with a counter, for blogs or something. The counter value is pulled from a data-x attribute. No images were used.

Useful Links:Live Demo | Download
Dependency:–
Responsive:yes
↑ ↓

Author

  • Wouter Beeftink

Made with

  • HTML / CSS

Created on

  • September 19,2012

Updated on

  • September 21,2012

About the Code

CSS tags

Pure CSS Tags

Useful Links:Live Demo | Download
Dependency:–
↑ ↓
Demo image:https://codefronts.com/wp-content/uploads/2023/05/single-div-flat-tags.png

Author

  • Dmitry

Made with

  • HTML / CSS

Created on

  • January 09,2014

Updated on

  • January 10,2014

About the Code

Single div flat tags

Useful Links:Live Demo | Download
Dependency:–
Responsive:yes
↑ ↓
Demo image:https://codefronts.com/wp-content/uploads/2023/05/flexbox-tag-cloud.png

Author

  • Timothy Long

Made with

  • HTML / CSS

Created on

  • June 20,2016

Updated on

  • June 20,2016

About the Code

Flexbox Tag Cloud

Useful Links:Live Demo | Download
Dependency:–
Responsive:yes
↑ ↓
Demo image:https://codefronts.com/wp-content/uploads/2023/05/pure-css-tags-breadcrumbs.png

Author

  • Justin Batzel

Made with

  • HTML / CSS

Created on

  • July 03,2012

Updated on

  • July 03,2012

About the Code

Pure CSS Tags

Pure CSS Tags

Useful Links:Live Demo | Download
Dependency:–
↑ ↓
Demo image:https://codefronts.com/wp-content/uploads/2023/05/experimental-css-tags.png

Author

  • Elliott Richmond

Made with

  • HTML / CSS

Created on

  • July 06,2012

Updated on

  • July 06,2012

About the Code

CSS tags

CSS3 tags

Useful Links:Live Demo | Download
Dependency:–
↑ ↓
Demo image:https://codefronts.com/wp-content/uploads/2023/05/css-tag-cloud.png

Author

  • Naoya

Made with

  • HTML / CSS / JS

Created on

  • March 17,2015

Updated on

  • December 06,2020

About the Code

CSS tag cloud

Useful Links:Live Demo | Download
Dependency:jquery.js
↑ ↓
Demo image:https://codefronts.com/wp-content/uploads/2023/05/pure-css-tags-scss.png

Author

  • abdelrhman

Made with

  • HTML / CSS

Created on

  • August 27,2016

Updated on

  • August 30,2016

About the Code

Pure CSS Tags

Useful Links:Live Demo | Download
Dependency:–
↑ ↓
Demo image:https://codefronts.com/wp-content/uploads/2023/05/pure-css-tags.png

Author

  • Pankaj Parashar

Made with

  • HTML / CSS

Created on

  • February 24,2013

Updated on

  • February 24,2013

About the Code

Pure CSS Tags

Useful Links:Live Demo | Download | Tutorial
Dependency:–
↑ ↓
Demo image:https://codefronts.com/wp-content/uploads/2023/05/amazing-tag-cloud.png

Author

  • Faizan Asad

Made with

  • HTML / CSS

Created on

  • May 14,2014

Updated on

  • May 14,2014

About the Code

Amazing Tag Cloud

Useful Links:Live Demo | Download
Dependency:–
Responsive:no
↑
Demo image:https://codefronts.com/wp-content/uploads/2023/05/simple-tag-cloud.png

Author

  • KishorWalke

Made with

  • HTML / CSS / JS

Created on

  • May 25,2015

Updated on

  • May 25,2015

About the Code

Simple Tag Cloud

Simple Tag cloud using javascript. No plug-in was used.

Useful Links:Live Demo | Download
Dependency:jquery.js
Responsive:no