1.1 --- a/motion-1/Overview.bs Wed Aug 02 16:21:56 2017 +0200
1.2 +++ b/motion-1/Overview.bs Thu Aug 03 09:24:58 2017 +0900
1.3 @@ -269,6 +269,7 @@
1.4
1.5 offset-position: 20% 20%;
1.6 offset-distance: 0%;
1.7 + offset-rotate: 0deg;
1.8 offset-anchor: 200% -300%;
1.9 }
1.10 #blueBox {
1.11 @@ -923,23 +924,23 @@
1.12 }
1.13 #item1 {
1.14 offset-position: 90% 20%;
1.15 - width: 60;
1.16 - height: 20;
1.17 + width: 60%;
1.18 + height: 20%;
1.19 }
1.20 #item2 {
1.21 offset-position: 100% 100%;
1.22 - width: 30;
1.23 - height: 10;
1.24 + width: 30%;
1.25 + height: 10%;
1.26 }
1.27 #item3 {
1.28 offset-position: 50% 100%;
1.29 - width: 20;
1.30 - height: 60;
1.31 + width: 20%;
1.32 + height: 60%;
1.33 }
1.34 #item4 {
1.35 offset-position: 0% 100%;
1.36 - width: 30;
1.37 - height: 90;
1.38 + width: 30%;
1.39 + height: 90%;
1.40 }
1.41 </style>
1.42 <body>
1.43 @@ -971,23 +972,23 @@
1.44 }
1.45 #item1 {
1.46 offset-position: 90% 20%;
1.47 - width: 60;
1.48 - height: 20;
1.49 + width: 60%;
1.50 + height: 20%;
1.51 }
1.52 #item2 {
1.53 offset-position: 100% 100%;
1.54 - width: 30;
1.55 - height: 10;
1.56 + width: 30%;
1.57 + height: 10%;
1.58 }
1.59 #item3 {
1.60 offset-position: 50% 100%;
1.61 - width: 20;
1.62 - height: 60;
1.63 + width: 20%;
1.64 + height: 60%;
1.65 }
1.66 #item4 {
1.67 offset-position: 0% 100%;
1.68 - width: 30;
1.69 - height: 90;
1.70 + width: 30%;
1.71 + height: 90%;
1.72 }
1.73 </style>
1.74 <body>
1.75 @@ -1115,8 +1116,9 @@
1.76 }
1.77 .circle {
1.78 offset-position: 150px 150px;
1.79 - width: 50px;
1.80 - height: 50px;
1.81 + offset-distance: 86%;
1.82 + width: 42px;
1.83 + height: 42px;
1.84 background-color: mediumpurple;
1.85 border-radius: 50%;
1.86 display: flex;
1.87 @@ -1125,32 +1127,26 @@
1.88 }
1.89 #item1 {
1.90 offset-path: ray(0deg closest-side);
1.91 - offset-distance: 90%;
1.92 offset-rotate: auto 90deg;
1.93 }
1.94 #item2 {
1.95 offset-path: ray(45deg closest-side);
1.96 - offset-distance: 90%;
1.97 offset-rotate: auto 90deg;
1.98 }
1.99 #item3 {
1.100 offset-path: ray(135deg closest-side);
1.101 - offset-distance: 90%;
1.102 offset-rotate: auto -90deg;
1.103 }
1.104 #item4 {
1.105 offset-path: ray(180deg closest-side);
1.106 - offset-distance: 90%;
1.107 offset-rotate: auto -90deg;
1.108 }
1.109 #item5 {
1.110 offset-path: ray(225deg closest-side);
1.111 - offset-distance: 90%;
1.112 offset-rotate: reverse 90deg;
1.113 }
1.114 #item6 {
1.115 offset-path: ray(-45deg closest-side);
1.116 - offset-distance: 90%;
1.117 offset-rotate: reverse -90deg;
1.118 }
1.119 </style>
