+
+
+
+
+
+
+
diff --git a/tools/border-image-generator/resize.png b/tools/border-image-generator/resize.png
new file mode 100644
index 0000000000000000000000000000000000000000..6a641c855bf2dfd20586edefdcb2dbe02c48a494
GIT binary patch
literal 150
zcmeAS@N?(olHy`uVBq!ia0vp^93afZ3?z3ZhDiV^mUKs7M+SzC{oH>NS%G}U;vjb?
zhIQv;UIIBh0X`wF?gc)pR;@aJ{`~Xj&s&_M&VUq^1o;IsI6S+N2INS4x;Tb#Tu)9&
rNJ@B+%Fw9BmKHCt_QH{Zo8k=olbM$Ar*
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+ Upload image
+
+
+
+
+ Control Box
+
+
+
+
+ scale
+
+
+
+ draggable
+
+
+
+ section height
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ border-image-slice
+
+
+ fill
+
+
+
+
+
+ border-image-width
+
+
+
+
+ border-image-outset
+
+
+
+ additional-properties
+
+
+ repeat-x
+
+
+ repeat
+ stretch
+ round
+
+
+ repeat-y
+
+
+ repeat
+ stretch
+ round
+
+
+
+
+
+
+
+
+
+
+
+
+ CSS Code
+
+ border-image-slice:
+
+
+
+ border-image-width:
+
+
+
+ border-image-outset:
+
+
+
+ border-image-repeat:
+
+
+
+ border-image-source:
+
+
+
+ border-style:
+ solid;
+
+ object-fit to display the images more nicely, both in thumbnail and full size view. [Run the example live](http://mdn.github.io/css-examples/object-fit-gallery/).
The "overscroll-behavior" directory contains a simple page demonstrating typical usage of different overscroll-behavior values. [Run example live](http://mdn.github.io/css-examples/overscroll-behavior/).
+
+The "tools" directory contains various tools for working with CSS, including a [color picker](http://mdn.github.io/css-examples/tools/color-picker/) and a [box shadow generator](http://mdn.github.io/css-examples/tools/box-shadow-generator/).
diff --git a/tools/border-image-generator/index.html b/tools/border-image-generator/index.html
index 65d3451e..5d7d2847 100644
--- a/tools/border-image-generator/index.html
+++ b/tools/border-image-generator/index.html
@@ -3,7 +3,7 @@
-
+
+
+
+
+
+
+
diff --git a/tools/border-radius-generator/resize-handle.png b/tools/border-radius-generator/resize-handle.png
new file mode 100644
index 0000000000000000000000000000000000000000..5d276da2390fad6cb6fc068bee946313393c7f5a
GIT binary patch
literal 239
zcmeAS@N?(olHy`uVBq!ia0vp^av;pa3?$v++zf#fOS+@4BLl<6e(pbstUx|vage(c
z!@6@aFM%AM0G|-or%#`%s;X*eXt)>n-0|Kc1JYCy
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ rounded corner
+
+
+
+
+
+
+ select border units
+
+
+
+
+
+
+
+
diff --git a/tools/box-shadow-generator/picker_mask_200.png b/tools/box-shadow-generator/picker_mask_200.png
new file mode 100644
index 0000000000000000000000000000000000000000..77f55010c7806fc5b7cf63a7da2dfcef60e43796
GIT binary patch
literal 12816
zcmX9_2Q*w=wAPJo7>wRV@1u
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Shadow properties
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Class element properties
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ CSS Code
+
+
+
+
+
+
+
+
+