Skip to content

Instantly share code, notes, and snippets.

@albertochiwas

albertochiwas/web001_svg_css_transitions.html

Last active August 30, 2015 19:07
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 3 You must be signed in to fork a gist
  • Save albertochiwas/41557a08611a11fb629b to your computer and use it in GitHub Desktop.
Save albertochiwas/41557a08611a11fb629b to your computer and use it in GitHub Desktop.
Download ZIP
Ejemplos
Raw
web001_svg_css_transitions.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title> HTML + CSS + SVG </title>
<style>
body { background-color: orange; }
h1 { text-align: center; }
#svg {
background-color: #fff;
border-radius: 10%;
display: block;
margin-left: auto;
margin-right: auto;
width: 25%;
height: 25%;
transition: all 2s;
}
#svg:hover {
transition: all 2s;
width: 50%;
height: 50%;
}
</style>
</head>
<body>
<h1> Panterita </h1>
<img id="svg"
src="http://podcast.itch.edu.mx/live-editor/build/images/puppets/pantera.svg"
width="400" height="400" />
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment