Skip to content

Instantly share code, notes, and snippets.

@jessestu
Last active July 31, 2018 13:50
Show Gist options
  • Save jessestu/7fe10e1f550a5e11264d727c7159c35f to your computer and use it in GitHub Desktop.
Save jessestu/7fe10e1f550a5e11264d727c7159c35f to your computer and use it in GitHub Desktop.
/* --- change image links on hover / 1297841-zen --- */
.design, .laser-cutting, .fabrication, .cnc-folding, .cnc-machining, .finishing, .assembly, .absolute {
display: inline-block;
height: 100px;
}
.design:hover {
background: url('https://freshlookengineering.files.wordpress.com/2018/07/design-reverse2.png') center no-repeat;
background-size: 100px 100px;
}
.laser-cutting:hover {
background: url('https://freshlookengineering.files.wordpress.com/2018/07/laser-cutting2.png') center no-repeat;
background-size: 100px 100px;
}
.fabrication:hover {
background: url('https://freshlookengineering.files.wordpress.com/2018/07/fabrication.png') center no-repeat;
background-size: 100px 100px;
}
.cnc-folding:hover {
background: url('https://freshlookengineering.files.wordpress.com/2018/07/cnc-folding.png') center no-repeat;
background-size: 100px 100px;
}
.cnc-machining:hover {
background: url('https://freshlookengineering.files.wordpress.com/2018/07/cnc-machining2.png') center no-repeat;
background-size: 100px 100px;
}
.finishing:hover {
background: url('https://freshlookengineering.files.wordpress.com/2018/07/finishing.png') center no-repeat;
background-size: 100px 100px;
}
.assembly:hover {
background: url('https://freshlookengineering.files.wordpress.com/2018/07/assembly.png') center no-repeat;
background-size: 100px 100px;
}
.absolute:hover {
background: url('https://freshlookengineering.files.wordpress.com/2018/07/absolute-solultions.png') center no-repeat;
background-size: 100px 100px;
}
.design:hover img, .laser-cutting:hover img, .fabrication:hover img, .cnc-folding:hover img, .cnc-machining:hover img, .finishing:hover img, .assembly:hover img,
.absolute:hover img {
visibility: hidden;
}
<h4 style="text-align: center;"><span style="color: #ff0000;">Find out what we can offer you</span></h4>
<p style="text-align: center;"><a class="design" href="https://wp.me/p9W6N9-9c"><img class="alignnone wp-image-1162 aligncenter" src="https://freshlookengineering.files.wordpress.com/2018/07/design.png" alt="Freshlook Eng Design 3D 2D" width="100" height="100" /></a> <a class="laser-cutting" href="https://wp.me/p9W6N9-a6"><img class="alignnone wp-image-1164" src="https://freshlookengineering.files.wordpress.com/2018/07/laser-cutting-and-etching1.png" alt="Freshlook Eng Laser Cutting, Etching, Engraving" width="100" height="100" /></a> <a class="fabrication" href="https://wp.me/p9W6N9-9g"><img class="alignnone wp-image-1166" src="https://freshlookengineering.files.wordpress.com/2018/07/specialist-fabrication1.png" alt="Specialist Fabrications at Freshlook Engineering" width="100" height="100" /></a> <a class="cnc-folding" href="https://wp.me/p9W6N9-ch"><img class="alignnone wp-image-1160" src="https://freshlookengineering.files.wordpress.com/2018/07/bending-folding-and-forming1.png" alt="Freshlook Eng Bending Folding and Rolling" width="100" height="100" /></a> <a class="cnc-machining" href="https://wp.me/p9W6N9-cB"><img class="alignnone wp-image-1161" src="https://freshlookengineering.files.wordpress.com/2018/07/cnc-machining1.png" alt="Freshlook Eng CNC Machining" width="100" height="100" /></a> <a class="finishing" href="https://wp.me/p9W6N9-9o"><img class="alignnone wp-image-1163" src="https://freshlookengineering.files.wordpress.com/2018/07/finishing-and-coating1.png" alt="Freshlook Eng Finishing and Coating" width="100" height="100" /></a> <a class="assembly" href="https://wp.me/p9W6N9-9q"><img class="alignnone wp-image-1159" src="https://freshlookengineering.files.wordpress.com/2018/07/assembly-and-delivery1.png" alt="Freshlook Eng Assembly and Delivery" width="100" height="100" /></a><a class="absolute" href="https://wp.me/p9W6N9-9e"><img class="alignnone wp-image-1159" src="https://freshlookengineering.files.wordpress.com/2018/07/one-stop-shop1.png" alt="Absolute solutions" width="100" height="100" /></a></p>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment