netsi1964 · October 8, 2012 22:23
diff --git a/dabblet.css b/dabblet.css
 /**
 * dependend animations
 */
 @keyframes "slide" {
 0% {
    width: 10%;
 }
 100% {
    width: 100%;
 }
 }

 .animated {
 height: 3em;
 background-color: red;
 animation: slide 5s infinite;
 }
 .animated>*:before {outline: solid 3px; position: relative; z-index: 10; width: 12em; height: 3em; content: "test";}
 .animated[width*="2"] .pct20 {
  
  background-color: yellow;
  display: block;
 } 

diff --git a/dabblet.html b/dabblet.html
 <div class="animated">
 <div class="pct20">Hey 20%</div>
 </div>
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* dependend animations
	*/
	@keyframes "slide" {
	0% {
	width: 10%;
	}
	100% {
	width: 100%;
	}
	}

	.animated {
	height: 3em;
	background-color: red;
	animation: slide 5s infinite;
	}
	.animated>*:before {outline: solid 3px; position: relative; z-index: 10; width: 12em; height: 3em; content: "test";}
	.animated[width*="2"] .pct20 {

	background-color: yellow;
	display: block;
	}