From bac95040fc614001fe0613a2575715dc590853e6 Mon Sep 17 00:00:00 2001 From: atomiks Date: Sun, 16 Dec 2018 01:24:31 +1100 Subject: [PATCH] Fix relative paths --- index.html | 56 ++++++++++++++++++++++++++++++++++++++++++++- src/html/index.html | 37 ++++++++++++++++++------------ 2 files changed, 78 insertions(+), 15 deletions(-) diff --git a/index.html b/index.html index c8f37828d..99a48a5d3 100644 --- a/index.html +++ b/index.html @@ -4,8 +4,18 @@ 30 Seconds of CSS - + + + + + + + + + + + @@ -52,6 +62,7 @@ Reset all styles Shape separator System font stack + Text decoration wavy Triangle NewZebra striped list @@ -2468,6 +2479,49 @@ li:not(:last-child) { +
+

Text decoration wavyvisual

+

Creates a Text decoration wavy.

+

HTML

<a href="#">I'm a link</a>
+
+

CSS

a {
+  text-decoration: underline wavy orange;
+}
+a:hover {
+  text-decoration: underline wavy orangered;
+}
+
+

Demo

+
+ I'm a link +
+ +

Explanation

+

wavy draws a wavy line.

+

wavy is a value of text-decoration-style CSS property that sets the style of the lines specified by text-decoration-line.

+

text-decoration is a shorthand property for the various text decoration properties: text-decoration-color, text-decoration-style andtext-decoration-line are used.

+

Browser support

+
+
+ 83.1% +
+
+

✅ No caveats.

+ + + +
New

Toggle switchvisualinteractivity

diff --git a/src/html/index.html b/src/html/index.html index 35afa3222..3858121a7 100644 --- a/src/html/index.html +++ b/src/html/index.html @@ -1,21 +1,30 @@ - - + + 30 Seconds of CSS - - - - - - - - - - - - + + + + + + + + + + + +