LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code
CSS
body {
  background: #ccc; }

#social-icon-wrapper {
  width: 200px;
  height: auto;
  margin: 10px auto; }

.social-icon {
  display: block;
  width: 61px;
  height: 60px;
  float: left;
  margin-top: 30px;
  margin-right: 5px;
  text-align: left;
  background: transparent url(http://digital-hideaway.com/always/social-icons.png) 0 0 no-repeat;
  background-size: 200px; }

#twitter {
  background-position: 0px 0px;
  -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease; }

#twitter:hover {
  background-position: 0px -62px; }

#facebook {
  background-position: -69px 0px;
  -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease; }

#facebook:hover {
  background-position: -69px -62px; }

#linkedin {
  background-position: -139px 0px;
  -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease; }

#linkedin:hover {
  background-position: -139px -62px; }
JS
// Social Icons built using a single png sprite sheet and CSS transitioning. 

//http://digital-hideaway.com
Host Instantly Drag and Drop Website Builder

 

Description

Social icons built using a sprite sheet and CSS transitioning.
Term
Mon, 11/27/2017 - 22:14

Related Codes

Pen ID
Pen ID
Pen ID