.svg)
User:Bharatwiki Socrates/sandbox: Difference between revisions
No edit summary |
No edit summary Tags: Mobile edit Mobile web edit Advanced mobile edit |
||
| (21 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
==Text color gradients== | |||
===Multiple gradients=== | |||
<span style="color:#ff99aa;">H</span><span style="color:#55ff00;">e</span><span style="color:#7722ff;">l</span><span style="color:#ff99aa;">l</span><span style="color:#55ff00;">o</span> <span style="color:#7722ff;">W</span><span style="color:#ff99aa;">o</span><span style="color:#55ff00;">r</span><span style="color:#7722ff;">l</span><span style="color:#ff99aa;">d</span> | |||
===Two gradients=== | |||
*<span style="background: linear-gradient(to right, #3498db, #2ecc71); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #9b59b6, #e74c3c); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #e67e22, #008080); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #f1c40f, #e91e63); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #3f51b5, #00bcd4); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #ff5722, #03a9f4); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #cddc39, #ffc107); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #795548, #9e9e9e); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #607d8b, #673ab7); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #8bc34a, #e91e63); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #3498db, #2ecc71); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #9b59b6, #e74c3c); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #e67e22, #008080); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #f1c40f, #e91e63); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #3f51b5, #00bcd4); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #ff5722, #03a9f4); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #cddc39, #ffc107); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #795548, #9e9e9e); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #607d8b, #673ab7); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #8bc34a, #e91e63); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
'''Different backgrounds''' | ==Text colour syntaxes== | ||
'''<font color="#3498db">Hello</font>''' ''<font color="#e74c3c">World</font>'' | |||
'''<font color="#2ecc71">Hello</font>''' ''<font color="#27ae60">World</font>'' | |||
'''<font color="#9b59b6">Hello</font>''' ''<font color="#8e44ad">World</font>'' | |||
'''<font color="#e74c3c">Hello</font>''' ''<font color="#c0392b">World</font>'' | |||
'''<font color="#e67e22">Hello</font>''' ''<font color="#d35400">World</font>'' | |||
'''<font color="#008080">Hello</font>''' ''<font color="#00cccc">World</font>'' | |||
'''<font color="#f1c40f">Hello</font>''' ''<font color="#f39c12">World</font>'' | |||
'''<font color="#e91e63">Hello</font>''' ''<font color="#d81b60">World</font>'' | |||
'''<font color="#3f51b5">Hello</font>''' ''<font color="#3949ab">World</font>'' | |||
'''<font color="#00bcd4">Hello</font>''' ''<font color="#009688">World</font>'' | |||
'''<font color="#ff5722">Hello</font>''' ''<font color="#e64a19">World</font>'' | |||
'''<font color="#03a9f4">Hello</font>''' ''<font color="#0288d1">World</font>'' | |||
'''<font color="#cddc39">Hello</font>''' ''<font color="#8bc34a">World</font>'' | |||
'''<font color="#ffc107">Hello</font>''' ''<font color="#ff9800">World</font>'' | |||
'''<font color="#795548">Hello</font>''' ''<font color="#6d4c41">World</font>'' | |||
'''<font color="#9e9e9e">Hello</font>''' ''<font color="#616161">World</font>'' | |||
'''<font color="#607d8b">Hello</font>''' ''<font color="#455a64">World</font>'' | |||
'''<font color="#673ab7">Hello</font>''' ''<font color="#512da8">World</font>'' | |||
'''<font color="#8bc34a">Hello</font>''' ''<font color="#7cb342">World</font>'' | |||
'''<font color="#e91e63">Hello</font>''' ''<font color="#d81b60">World</font>'' | |||
== '''Different backgrounds Syntaxes''' == | |||
| Line 148: | Line 231: | ||
</div> | </div> | ||
== Signature syntaxes == | |||
..noiceew everything on my userpage working perfectly in mobile view... | ..noiceew everything on my userpage working perfectly in mobile view... | ||
| Line 249: | Line 329: | ||
Now ,,, | Now ,,, | ||
[[User:Bharatwiki_Socrates|<span style="font-weight:bold;color:#1f618d;text-shadow:1px 1px 2px #3498db;">🍁Bharatwiki Socrates🍁</span>]][[User talk:Bharatwiki_Socrates|<span style="color:#FF9933;font-weight:bold;text-shadow:1px 2px #1f618d;">(📩)</span>]] 17:49, 31 December 2023 (IST | [[User:Bharatwiki_Socrates|<span style="font-weight:bold;color:#1f618d;text-shadow:1px 1px 2px #3498db;">🍁Bharatwiki Socrates🍁</span>]][[User talk:Bharatwiki_Socrates|<span style="color:#FF9933;font-weight:bold;text-shadow:1px 2px #1f618d;">(📩)</span>]] 17:49, 31 December 2023 (IST | ||
Latest revision as of 22:46, 13 August 2024
Text color gradients[edit]
Multiple gradients[edit]
Hello World
Two gradients[edit]
- Hello World
- Hello World
- Hello World
- Hello World
- Hello World
- Hello World
- Hello World
- Hello World
- Hello World
- Hello World
- Hello World
- Hello World
- Hello World
- Hello World
- Hello World
- Hello World
- Hello World
- Hello World
- Hello World
- Hello World
Text colour syntaxes[edit]
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Different backgrounds Syntaxes[edit]
Applying
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Signature syntaxes[edit]
..noiceew everything on my userpage working perfectly in mobile view...
🍁Bharatwiki Socrates🍁 14:22, 31 December 2023 (IST)
🍁Bharatwiki Socrates🍁 13:16, 31 December 2023 (IST)
_____________
🍁Bharatwiki Socrates🍁 13:06, 31 December 2023 (IST)
Some more, styles........
Now ,,,
🍁Bharatwiki Socrates🍁(📩) 17:49, 31 December 2023 (IST