|
|
| (25 intermediate revisions by the same user not shown) |
| Line 6: |
Line 6: |
| | | | |
| | | | |
| − | <h1 style=”border:1px solid blue”>Favorite Animal: Pangolin</h1> | + | <table width=150 height=150 style=”filter: alpha(opacity=100,finishopacity=8,style=3);”><tr><td align=center bgcolor=deeppink><PRE>Welcome!</PRE></td></tr></table> |
| | | | |
| − |
| |
| − |
| |
| − | <math>bk: rgb(10,10,10);
| |
| − | </math>bkT: rgba(10,10,10,0);
| |
| − |
| |
| − | <math>dg: rgb(50,50,50);
| |
| − | </math>dgT: rgba(50,50,50,0);
| |
| − |
| |
| − | <math>g: rgb(70,70,70);
| |
| − | </math>gT: rgba(70,70,70,0);
| |
| − |
| |
| − | <math>lg: rgb(120,120,120);
| |
| − | </math>lgT: rgba(120,120,120,0);
| |
| − |
| |
| − | <math>bl: rgb(20,20,120);
| |
| − | </math>blT: rgba(20,20,120,0);
| |
| − |
| |
| − | <math>p: rgb(25,20,25);
| |
| − | </math>pT: rgba(25,20,25,0);
| |
| − |
| |
| − | .iphone {
| |
| − | background:
| |
| − | /* camera */
| |
| − | radial-gradient(1em 1em at 6.25em 2.5em, <math>bl 0.2em, </math>g 0.21em, <math>g 49%, </math>gT 50%),
| |
| − | /* speaker */
| |
| − | radial-gradient(200% 100% at 100% 50%, <math>g 49%, </math>gT 50%) calc(50% + 0.125em - 2em - 0.25em) 2em / 0.5em 1em,
| |
| − | radial-gradient(200% 100% at 0% 50%, <math>g 49%, </math>gT 50%) calc(50% + 0.125em + 2em + 0.25em) 2em / 0.5em 1em,
| |
| − | linear-gradient(<math>g, </math>g) calc(50% + 0.125em) 2em / 4em 1em,
| |
| − | /* screen */
| |
| − | linear-gradient(<math>p, </math>p) calc(50% + 0.125em) 5em / 17.25em 30em,
| |
| − | /* home button */
| |
| − | radial-gradient(200% 200% at 100% 100%, <math>lgT 0.3em, </math>lg 0.35em, <math>lg 0.48em, </math>lgT 0.5em) calc(50% + 0.125em - 0.5em) 36.5em / 0.5em 0.5em,
| |
| − | radial-gradient(200% 200% at 0% 100%, <math>lgT 0.3em, </math>lg 0.35em, <math>lg 0.48em, </math>lgT 0.5em) calc(50% + 0.125em + 0.5em) 36.5em / 0.5em 0.5em,
| |
| − | radial-gradient(200% 200% at 100% 0%, <math>lgT 0.3em, </math>lg 0.35em, <math>lg 0.48em, </math>lgT 0.5em) calc(50% + 0.125em - 0.5em) 37.5em / 0.5em 0.5em,
| |
| − | radial-gradient(200% 200% at 0% 0%, <math>lgT 0.3em, </math>lg 0.35em, <math>lg 0.48em, </math>lgT 0.5em) calc(50% + 0.125em + 0.5em) 37.5em / 0.5em 0.5em,
| |
| − |
| |
| − | linear-gradient(<math>lg 0.15em, </math>lgT 0.2em, <math>lgT 1.35em, </math>lg 1.35em) calc(50% + 0.125em) 36.5em / 0.5em 1.5em,
| |
| − | linear-gradient(90deg,<math>lg 0.15em, </math>lgT 0.2em, <math>lgT 1.3em, </math>lg 1.35em) calc(50% + 0.125em) 37em / 1.5em 0.5em,
| |
| − | radial-gradient(3em 3em at calc(50% + 0.125em) 37.25em, <math>bkT 1.25em, </math>bk 1.3em, <math>bk 49%, </math>bkT 50%),
| |
| − | /* volume buttons */
| |
| − | linear-gradient(<math>lgT 5em, </math>lg 5em, <math>lg 7.5em, </math>lgT 7.5em, <math>lgT 9.5em, </math>lg 9.5em, <math>lg 11em, </math>lgT 11em, <math>lgT 13em, </math>lg 13em, <math>lg 14.5em, </math>lgT 14.5em) 0 0 / 0.3em 100%,
| |
| − | /* corners */
| |
| − | radial-gradient(200% 200% at 100% 100%, <math>dg 1.45em, </math>lg 1.5em, <math>lg 50%, </math>lgT 51%) 0.25em 0 / 2em 2em,
| |
| − | radial-gradient(200% 200% at 0% 100%, <math>dg 1.45em, </math>lg 1.5em, <math>lg 50%, </math>lgT 51%) 18em 0 / 2em 2em,
| |
| − | radial-gradient(200% 200% at 100% 0%, <math>dg 1.45em, </math>lg 1.5em, <math>lg 50%, </math>lgT 51%) 0.25em 38em / 2em 2em,
| |
| − | radial-gradient(200% 200% at 0% 0%, <math>dg 1.45em, </math>lg 1.5em, <math>lg 50%, </math>lgT 51%) 18em 38em / 2em 2em,
| |
| − | /* body */
| |
| − | linear-gradient(<math>lg 0.5em, </math>dg 0.55em, <math>dg 39.5em, </math>lg 39.55em) 2.25em 0 / 15.75em 40em,
| |
| − | linear-gradient(90deg, <math>lg 0.5em, </math>dg 0.55em, <math>dg 19.175em, </math>lg 19.25em) 0.25em 2em / 19.75em 36em
| |
| − | ;
| |
| − |
| |
| − | background-repeat: no-repeat;
| |
| − | font-size: 10px;
| |
| − | //outline: 1px solid #aaa;
| |
| − | width: 20em;
| |
| − | height: 40em;
| |
| − | }
| |
| | | | |
| | </center> | | </center> |
