purple
yellow
green
red
blue
    • .test-tubes li { float: left; display: block; width: 58px; height: 400px; } .test-tubes li.purple-tube { background: url('//cdn.shopify.com/s/files/1/0156/3672/t/2/assets/vialpurple.png?9949009002293429276') top left no-repeat; } .test-tubes li.purple-tube:hover { background: url('//cdn.shopify.com/s/files/1/0156/3672/t/2/assets/vialpurple-hover.png?9949009002293429276') top left no-repeat; } .test-tubes li { float: left; display: block; width: 58px; height: 400px; } .test-tubes li.yellow-tube { background: url('//cdn.shopify.com/s/files/1/0156/3672/t/2/assets/vialyellow.png?9949009002293429276') top left no-repeat; } .test-tubes li.yellow-tube:hover { background: url('//cdn.shopify.com/s/files/1/0156/3672/t/2/assets/vialyellow-hover.png?9949009002293429276') top left no-repeat; } .test-tubes li { float: left; display: block; width: 58px; height: 400px; } .test-tubes li.green-tube { background: url('//cdn.shopify.com/s/files/1/0156/3672/t/2/assets/vialgreen.png?9949009002293429276') top left no-repeat; } .test-tubes li.green-tube:hover { background: url('//cdn.shopify.com/s/files/1/0156/3672/t/2/assets/vialgreen-hover.png?9949009002293429276') top left no-repeat; } .test-tubes li { float: left; display: block; width: 58px; height: 400px; } .test-tubes li.red-tube { background: url('//cdn.shopify.com/s/files/1/0156/3672/t/2/assets/vialred.png?9949009002293429276') top left no-repeat; } .test-tubes li.red-tube:hover { background: url('//cdn.shopify.com/s/files/1/0156/3672/t/2/assets/vialred-hover.png?9949009002293429276') top left no-repeat; } .test-tubes li { float: left; display: block; width: 58px; height: 400px; } .test-tubes li.blue-tube { background: url('//cdn.shopify.com/s/files/1/0156/3672/t/2/assets/vialblue.png?9949009002293429276') top left no-repeat; } .test-tubes li.blue-tube:hover { background: url('//cdn.shopify.com/s/files/1/0156/3672/t/2/assets/vialblue-hover.png?9949009002293429276') top left no-repeat; }