Difference between revisions of ":CSS Sprites"

(CSS)
(CSS)
Line 85: Line 85:
 
}</html>
 
}</html>
  
<span style="width: 60px; height: 60px;">
+
 
 +
<html><span style="width: 60px; height: 60px;">
 
[[file:Css_sprites.png]]
 
[[file:Css_sprites.png]]
</span>
+
</span></html>

Revision as of 19:22, 15 October 2020

CSS Sprites

URL: Css_sprites.png

Css sprites.png

Individual CSS

.bg-Thermal_Red_New_Icon {

   width: 60px; height: 60px;
   background: url('css_sprites.png') -10px -10px;

}

.bg-Transmission_Red_New_Icon {

   width: 60px; height: 60px;
   background: url('css_sprites.png') -90px -10px;

}

.bg-Video_Intercom_Red_New_Icon {

   width: 60px; height: 60px;
   background: url('css_sprites.png') -10px -90px;

}

.bg-EZ_IP_Red_New_Icon {

   width: 60px; height: 60px;
   background: url('css_sprites.png') -90px -90px;

}

.bg-HDCVI_Camera_Red_New_Icon {

   width: 60px; height: 60px;
   background: url('css_sprites.png') -170px -10px;

}

.bg-HDCVI_Recorder_Red_New_Icon {

   width: 60px; height: 60px;
   background: url('css_sprites.png') -170px -90px;

}

.bg-IVS_Red_New_Icon {

   width: 60px; height: 60px;
   background: url('css_sprites.png') -10px -170px;

}

.bg-Network_Camera_Red_New_Icon {

   width: 60px; height: 60px;
   background: url('css_sprites.png') -90px -170px;

}

.bg-Network_Switch_Red_New_Icon {

   width: 60px; height: 60px;
   background: url('css_sprites.png') -170px -170px;

}

.bg-NVR_Red_New_Icon {

   width: 60px; height: 60px;
   background: url('css_sprites.png') -250px -10px;

}

.bg-PTZ_Red_New_Icon {

   width: 60px; height: 60px;
   background: url('css_sprites.png') -250px -90px;

}

.bg-Software_Red_New_Icon {

   width: 60px; height: 60px;
   background: url('css_sprites.png') -250px -170px;

}

.bg-Storage_Red_New_Icon {

   width: 60px; height: 60px;
   background: url('css_sprites.png') -10px -250px;

}

Background Image

.bg-Software_Red_New_Icon, .bg-Storage_Red_New_Icon, .bg-PTZ_Red_New_Icon, .bg-NVR_Red_New_Icon, .bg-Network_Switch_Red_New_Icon, .bg-Network_Camera_Red_New_Icon, .bg-IVS_Red_New_Icon, .bg-HDCVI_Recorder_Red_New_Icon, .bg-HDCVI_Camera_Red_New_Icon, .bg-EZ_IP_Red_New_Icon, .bg-Video_Intercom_Red_New_Icon, .bg-Transmission_Red_New_Icon, .bg-Thermal_Red_New_Icon {

 background-image: url('https://dahuawiki.com/images/9/94/Css_sprites.png');
 background-repeat: no-repeat;

}

CSS

.bg-Thermal_Red_New_Icon { width: 60px; height: 60px; background: url('css_sprites.png') -10px -10px; }


[[file:Css_sprites.png]]