User:Bharatwiki Socrates/sandbox: Difference between revisions

no edit summary
No edit summary
No edit summary
Tags: Mobile edit Mobile web edit Advanced mobile edit
 
(20 intermediate revisions by the same user not shown)
Line 1: Line 1:
Now working finely.. ....
==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>
 
==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''' ==
== '''Different backgrounds Syntaxes''' ==
Line 147: Line 230:
     <h1>Hello World</h1>
     <h1>Hello World</h1>
</div>
</div>


== Signature syntaxes ==
== Signature syntaxes ==
Line 248: 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
Autopatrolled, New page reviewers, Rollbackers
2,192

edits