Skip to content

Latest commit

 

History

History
61 lines (43 loc) · 1.3 KB

README.md

File metadata and controls

61 lines (43 loc) · 1.3 KB
Raw

#Poly-icon

Polymer

This is a example using polymer to create a web component to make a image, with a link and css filter.

Contents

Set up

Install bower

npm install -g bower

Install polymer

//Locate in the root's directory of repository and install dependencies
bower install

Run Server

I use python <3

//Run a server o locate this repo in a server
python -m SimpleHTTPServer

Passing Parameters

Use the component

<!DOCTYPE html>
<html>
	<head>
		<!--Import script of web components -->
  		<script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>
  		<!--Import the component poly-icon -->
  		<link rel="import" href="icono-poly.html">
	</head>
	<body>
	
		<!--Use it :) -->
		<icono-poly></icono-poly>
		
		<!-- 
			url : link to web site
			image : image's url
			filter : filter css to add
			amount : accept % or px
		-->
		<icono-poly url="http://yeoman.io/"
			image="http://www.w3schools.com/images/w3logotest2.png"
			filter="grayscale"
			amount="90%">
		</icono-poly>
	</body>
</html>