mischah · January 30, 2015 07:49 · Jan 30, 2015
diff --git a/dabblet.css b/dabblet.css
@@ -0,0 +1,21 @@
+/**
+ * Simple folded corners
+ */
+
+div {
+	background: yellowgreen; /* fallback */
+
+
+	padding: 1em;
+	width: 12em;
+	margin: 1em;
+	font: 150%/1.6 Baskerville, Palatino, serif;
+}
+
+body {
+	/* Showcase that the effect supports any backdrop */
+	background: repeating-linear-gradient(-45deg, #ddd 0, #ddd 25%, white 0, white 50%) 0 / 6px 6px;
+	box-sizing: border-box;
+	padding: 1em;
+	height: 100vh;
+}
diff --git a/dabblet.html b/dabblet.html
@@ -0,0 +1,2 @@
+<div>Look at my cool folded corner. 
+It only took two lines of CSS, degrades gracefully and works everywhere!</div>
diff --git a/dabblet.js b/dabblet.js
@@ -0,0 +1 @@
+// alert('Hello world!');
diff --git a/settings.json b/settings.json
@@ -0,0 +1 @@
+{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		<div>Look at my cool folded corner.
		It only took two lines of CSS, degrades gracefully and works everywhere!</div>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}