LarryMatte

## myStyle.css
@keyframes pulse {
    50% {
        transform: scale(2);
    }
}

## animation.css
@defmixin animation_delay(DELAY) {
    -webkit-animation-delay: DELAY;
    -moz-animation-delay: DELAY;
    -o-animation-delay: DELAY;
    animation-delay: DELAY;
}

## myStyle.css
.myAnimation {
    background-color: #ff0000;

    width: 50px;
    height: 50px;

    @mixin animation_delay(DELAY);
}

## Project.gwt.xml
<inherits name="com.arcbees.gsss.animation.Animation"/>

## svg-1.html
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="500">
...
</svg>

## svg-2.html
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="500">
  <title>SVG elements</title>
  <desc>some example of svg elements</desc>
</svg>

## svg-3.html
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="500">
	<title>SVG elements</title>
	<desc>some example of svg elements</desc>
	<text x="20" y="60">What’s good?</text>
	<rect x="20" y="124" width="135" height="85"/>
	<circle cx="85" cy="300" r="68"/>
	<ellipse cx="85" cy="445" rx="68" ry="32"/>
	<line x1="250" y1="105" x2="370" y2="20" fill="none" stroke="black" stroke-width="2" />
	<polyline points="260,180 280,150 300,180 320,150 340,180 360,150" fill="none" stroke="black" stroke-width="2" />
	<polygon points="280,350 250,300 280,250 340,250 370,300 340,350"/>

## svg-text.html
<text x="20" y="60">What’s good?</text>

## svg-rect.html
<rect x="20" y="124" width="135" height="85"/>

## svg-rect-2.html
<rect x="20" y="124" rx="10" ry="10" width="135" height="85"/>
	@defmixin animation_delay(DELAY) {
	-webkit-animation-delay: DELAY;
	-moz-animation-delay: DELAY;
	-o-animation-delay: DELAY;
	animation-delay: DELAY;
	}
	.myAnimation {
	background-color: #ff0000;

	width: 50px;
	height: 50px;

	@mixin animation_delay(DELAY);
	}
	<svg xmlns="http://www.w3.org/2000/svg" width="400" height="500">
	...
	</svg>
	<svg xmlns="http://www.w3.org/2000/svg" width="400" height="500">
	<title>SVG elements</title>
	<desc>some example of svg elements</desc>
	</svg>