User:Jens Ingels/sandbox/ability

 Example

        Example

 Example

New version
       Example



<div style="position: absolute; display: block; top: 10px; left: 10px; right: 10px; bottom: 10px; height: 80px; width: 80px; border-radius: 40px; background-color: green;"> <div style="position: absolute; display: block; top: 25x; left: 25px; right: 25px; bottom: 25px; height: 30px; width: 30px; border-radius: 15px; box-shadow: inset 0 0 10px #fff;"> Example

<div style="position: absolute; display: block; top: 10px; left: 10px; right: 10px; bottom: 10px; height: 80px; width: 80px; border-radius: 40px; background-color: green;"> <div class="A1" style="position: absolute; display: block; top: 1x; left: 1px; right: 1px; bottom: 1px; height: 78px; width: 78px; border-radius: 39px; box-shadow: inset 0 0 10px #00f;"> Example

<div style="position: absolute; display: block; top: 10px; left: 10px; right: 10px; bottom: 10px; height: 80px; width: 80px; border-radius: 40px; background-color: green;"> <div class="A2" style="position: absolute; display: block; top: 10x; left: 10px; right: 10px; bottom: 10px; height: 60px; width: 60px; border-radius: 30px; box-shadow: inset 0 0 10px #00f;"> Example

<div style="position: absolute; display: block; top: 10px; left: 10px; right: 10px; bottom: 10px; height: 80px; width: 80px; border-radius: 40px; background-color: green;"> <div class="A3" style="position: absolute; display: block; top: 15x; left: 15px; right: 15px; bottom: 15px; height: 50px; width: 50px; border-radius: 25px; box-shadow: inset 0 0 10px #00f;"> Example

<div style="position: absolute; display: block; top: 10px; left: 10px; right: 10px; bottom: 10px; height: 80px; width: 80px; border-radius: 40px; background-color: green;"> <div class="A4" style="position: absolute; display: block; top: 20x; left: 20px; right: 20px; bottom: 20px; height: 40px; width: 40px; border-radius: 20px; box-shadow: inset 0 0 10px #00f;"> Example

<div style="position: absolute; display: block; top: 10px; left: 10px; right: 10px; bottom: 10px; height: 80px; width: 80px; border-radius: 40px; background-color: green;">

<div class="A1" style="position: absolute; display: block; top: 1x; left: 1px; right: 1px; bottom: 1px; height: 78px; width: 78px; border-radius: 39px; box-shadow: inset 0 0 10px #00f;"> <div style="position: absolute; display: block; top: 24x; left: 24px; right: 24px; bottom: 24px; height: 30px; width: 30px; border-radius: 15px; box-shadow: inset 0 0 10px #fff;"> Example

<div style="position: absolute; display: block; top: 10px; left: 10px; right: 10px; bottom: 10px; height: 80px; width: 80px; border-radius: 40px; background-color: green;">

<div class="A2" style="position: absolute; display: block; top: 10x; left: 10px; right: 10px; bottom: 10px; height: 60px; width: 60px; border-radius: 30px; box-shadow: inset 0 0 10px #00f;"> <div style="position: absolute; display: block; top: 15x; left: 15px; right: 15px; bottom: 15px; height: 30px; width: 30px; border-radius: 15px; box-shadow: inset 0 0 10px #fff;"> Example

<div style="position: absolute; display: block; top: 10px; left: 10px; right: 10px; bottom: 10px; height: 80px; width: 80px; border-radius: 40px; background-color: green;">

<div class="A3" style="position: absolute; display: block; top: 15x; left: 15px; right: 15px; bottom: 15px; height: 50px; width: 50px; border-radius: 25px; box-shadow: inset 0 0 10px #00f;"> <div style="position: absolute; display: block; top: 10x; left: 10px; right: 10px; bottom: 10px; height: 30px; width: 30px; border-radius: 15px; box-shadow: inset 0 0 10px #fff;"> Example

<div style="position: absolute; display: block; top: 10px; left: 10px; right: 10px; bottom: 10px; height: 80px; width: 80px; border-radius: 40px; background-color: green;">

<div class="A4" style="position: absolute; display: block; top: 20x; left: 20px; right: 20px; bottom: 20px; height: 40px; width: 40px; border-radius: 20px; box-shadow: inset 0 0 10px #00f;"> <div style="position: absolute; display: block; top: 5x; left: 5px; right: 5px; bottom: 5px; height: 30px; width: 30px; border-radius: 15px; box-shadow: inset 0 0 10px #fff;"> Example