diff --git a/italiana/roberta.css b/italiana/roberta.css new file mode 100644 index 0000000..e0dc176 --- /dev/null +++ b/italiana/roberta.css @@ -0,0 +1,43 @@ +body{ + background-color: white; + margin: 0%; + padding: 0%; + } + .button { + margin: 0; + height: auto; + background: transparent; + padding: 0; + border: none; + cursor: pointer; + } + .button { + border-right: 6px; + --text-stroke-color: rgba(255,255,255,0.6); + --animation-color: red; + --fs-size: 2em; + letter-spacing: 3px; + text-decoration: none; + font-size: var(--fs-size); + font-family: "Arial"; + position: relative; + text-transform: uppercase; + color: transparent; + -webkit-text-stroke: 1px var(--text-stroke-color); + } + .hover-text { + position: absolute; + box-sizing: border-box; + content: attr(data-text); + color: var(--animation-color); + width: 0%; + inset: 0; + border-right: var(--border-right) solid var(--animation-color); + overflow: hidden; + transition: 0.5s; + -webkit-text-stroke: 1px var(--animation-color); + } + .button:hover .hover-text { + width: 100%; + filter: drop-shadow(0 0 23px var(--animation-color)) + } diff --git a/italiana/roberta.html b/italiana/roberta.html new file mode 100644 index 0000000..7942477 --- /dev/null +++ b/italiana/roberta.html @@ -0,0 +1,21 @@ + + + +
+ + + +