Skip to content

Latest commit

 

History

History
54 lines (32 loc) · 1.4 KB

README.md

File metadata and controls

54 lines (32 loc) · 1.4 KB
Raw

zigbeelogo

There are three versions for the zigbee logo in this repo:

JS

This is a canvas implementation encapsulated in a JQuery Plugin. The code accounts for offsets and keeps the logo intact independant of the parent's container size.

Simply create a container div and call the plugin:

	$('#logo').zigbee();

JS Dependencies

  • JQuery

Browsersupport for JS version

pleaser refer to this report

SVG

Simply include as SVG in an img tag or paste directly into your html to modify.

	<div id="logo">
		<img src="images/zigbee_logo.svg">
	</div>

Browsersupport for SVG version

pleaser refer to this report

CSS

Simply include the css stylesheet and create a a div with the id logo. The css version works with pseudo elements and duplicates them with boxshadows. The container scales based on width.

	<div id="logo"></div>

Since all values are in em you will need to adjust the font-size to your div size to align your element dimensions to the logo dimensions. For responsive behaviour use vW for width, height and font-size.

Browsersupport for CSS version

Chrome Safari Firefox Opera IE Android iOS
Any 3+ 3.5+ 10.5+ 9+ 2.3+ 4.0.2+