| Both sides previous revisionPrevious revisionNext revision | Previous revision |
| stylesheet:style_chair [2025/01/25 15:12] – ipek | stylesheet:style_chair [2025/01/25 16:56] (current) – external edit 127.0.0.1 |
|---|
| *{ background: linear-gradient(to bottom,honeydew, orange); border: 1px solid orange; border-radius: revert-layer; border-radius: 50% 20% / 10% 40%; box-shadow: 1 1 1em darkred; padding: 1em !important; | *{ background: linear-gradient(to bottom,honeydew, orange); border: 1px solid orange; border-radius: revert-layer; border-radius: 50% 20% / 10% 40%; box-shadow: 15 10 10em darkred; padding: 5em !important; |
| @import url(https://fonts.googleapis.com/css?family=Merienda); | |
| body | |
| { | |
| font-family:calibri; | |
| } | |
| span { | |
| text-align:center; | |
| display: flex; | |
| } | |
| div | |
| { | |
| opacity:0.4; | |
| color:white; | |
| font: 170px Merienda; | |
| text-shadow:1px 1px 5px #dddddd,2px 2px 5px #ffffff,3px 3px 5px #ffffff,4px 4px 5px #ffffff,5px 5px 5px #ffffff,6px 6px 5px #adadad,7px 7px 5px #adadad,8px 8px 5px #adadad,9px 9px 5px #adadad,10px 10px 5px #adadad,11px 11px 5px ,12px 12px 5px ; | |
| transition:opacity 500ms linear,text-shadow 500ms ease-in-out,color 300ms linear; | |
| } | |
| div:hover | |
| { | |
| opacity:0.8; | |
| text-shadow:1px 1px #454545; | |
| color:red; | |
| text-shadow:0px 0px 20px #000000; | |
| animation:myanim 100ms infinite linear; | |
| } | |
| div:active | |
| { | |
| opacity:0.8; | |
| text-shadow:1px 1px 5px #000000,2px 2px 5px #000000,3px 3px 5px #000000,4px 4px 5px #000000,5px 5px 5px #000000,6px 6px 50px #000000,7px 7px 5px #000000,8px 8px 5px #000000,9px 9px 5px #000000,10px 10px 5px #000000,11px 11px 5px #000000,12px 12px 5px #000000,13px 13px 5px #000000,14px 14px 5px #000000,15px 15px 5px #000000,16px 16px 5px #000000,16px 16px 5px #000000,17px 17px 5px #000000,18px 18px 5px #000000,19px 19px 5px #000000; | |
| } | |
| @keyframes myanim | |
| { | |
| 10%{transform:scale(1)rotate(0deg);} | |
| 20%{transform:scale(1)rotate(-3deg);} | |
| 80%{transform:scale(1)rotate(3deg);} | |
| 100%{transform:scale(1)rotate(0deg);} | |
| } | |
| | |
| |
| } | } |
| |
| |
