Skip to content

Instantly share code, notes, and snippets.

@gcman105
Created July 24, 2017 16:50
Show Gist options
  • Save gcman105/37760393799ba47d2072a16ddbe9919f to your computer and use it in GitHub Desktop.
Save gcman105/37760393799ba47d2072a16ddbe9919f to your computer and use it in GitHub Desktop.
.rollover-carpet_cleaning {
width: 100%;
height: 0;
padding-bottom: 100%;
background-image: url('http://topmops.net/wp-content/uploads/2017/07/carpet_cleaning_test2.jpg');
background-position: 0 0;
background-size: 200%;
display:block;
-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;
}
.rollover-carpet_cleaning:hover {
background-position: -100% 0;
}
.rollover-education {
width: 100%;
height: 0;
padding-bottom: 100%;
background-image: url('http://topmops.net/wp-content/uploads/2017/07/education_sprite.jpg');
background-position: 0 0;
background-size: 200%;
display:block;
-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;
}
.rollover-education:hover {
background-position: -100% 0;
}
.rollover-public_transport {
width: 100%;
height: 0;
padding-bottom: 100%;
background-image: url('http://topmops.net/wp-content/uploads/2017/07/public-transport_sprite.jpg');
background-position: 0 0;
background-size: 200%;
display:block;
-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;
}
.rollover-public_transport:hover {
background-position: -100% 0;
}
.rollover-commercial {
width: 100%;
height: 0;
padding-bottom: 100%;
background-image: url('http://topmops.net/wp-content/uploads/2017/07/offices_sprite.jpg');
background-position: 0 0;
background-size: 200%;
display:block;
-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;
}
.rollover-commercial:hover {
background-position: -100% 0;
}
.rollover-healthcare {
width: 100%;
height: 0;
padding-bottom: 100%;
background-image: url('http://topmops.net/wp-content/uploads/2017/07/CQCHealthcare_sprite.jpg');
background-position: 0 0;
background-size: 200%;
display:block;
-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;
}
.rollover-healthcare:hover {
background-position: -100% 0;
}
.rollover-window_solar {
width: 100%;
height: 0;
padding-bottom: 100%;
background-image: url('http://topmops.net/wp-content/uploads/2017/07/window_sprite.jpg');
background-position: 0 0;
background-size: 200%;
display:block;
-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;
}
.rollover-window_solar:hover {
background-position: -100% 0;
}
.rollover-power_steam {
width: 100%;
height: 0;
padding-bottom: 100%;
background-image: url('http://topmops.net/wp-content/uploads/2017/07/powerwashing_sprite.jpg');
background-position: 0 0;
background-size: 200%;
display:block;
-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;
}
.rollover-power_steam:hover {
background-position: -100% 0;
}
.rollover-authorities {
width: 100%;
height: 0;
padding-bottom: 100%;
background-image: url('http://topmops.net/wp-content/uploads/2017/07/Housing_sprite-1.jpg');
background-position: 0 0;
background-size: 200%;
display:block;
-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;
}
.rollover-authorities:hover {
background-position: -100% 0;
}
.rollover-facilites {
width: 100%;
height: 0;
padding-bottom: 100%;
background-image: url('http://topmops.net/wp-content/uploads/2017/07/facility_management_sprite.jpg');
background-position: 0 0;
background-size: 200%;
display:block;
-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;
}
.rollover-facilites:hover {
background-position: -100% 0;
}
.rollover-events {
width: 100%;
height: 0;
padding-bottom: 100%;
background-image: url('http://topmops.net/wp-content/uploads/2017/07/event_cleaning_sprite.jpg');
background-position: 0 0;
background-size: 200%;
display:block;
-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;
}
.rollover-events:hover {
background-position: -100% 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment