User:Bharatwiki Socrates/sandbox: Difference between revisions

What links here Related changes Page information Get shortened URL
← Older edit
VisualWikitext
No edit summary
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
Now working finely.. ....
Now working finely.. ....


'''Different backgrounds'''
==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''' ==




Line 67: Line 152:
</div>
</div>


'''Applying'''
<div style="background: linear-gradient(to right, #3498db, #2980b9); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>
<div style="background: linear-gradient(to right, #2ecc71, #27ae60); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>


<div style="background: linear-gradient(to right, #9b59b6, #8e44ad); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>


<div style="background: linear-gradient(to right, #e74c3c, #c0392b); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>


<div style="background: linear-gradient(to right, #e67e22, #d35400); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>


<div style="background: linear-gradient(to right, #008080, #00cccc); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>


<div style="background: linear-gradient(to right, #f1c40f, #f39c12); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>
<div style="background: linear-gradient(to right, #e91e63, #d81b60); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>
<div style="background: linear-gradient(to right, #3f51b5, #3949ab); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>
<div style="background: linear-gradient(to right, #00bcd4, #009688); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>
<div style="background: linear-gradient(to right, #ff5722, #e64a19); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>
<div style="background: linear-gradient(to right, #03a9f4, #0288d1); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>
<div style="background: linear-gradient(to right, #cddc39, #8bc34a); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>
<div style="background: linear-gradient(to right, #ffc107, #ff9800); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>
<div style="background: linear-gradient(to right, #795548, #6d4c41); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>
<div style="background: linear-gradient(to right, #9e9e9e, #616161); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>
<div style="background: linear-gradient(to right, #607d8b, #455a64); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>
<div style="background: linear-gradient(to right, #673ab7, #512da8); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>
<div style="background: linear-gradient(to right, #8bc34a, #7cb342); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>
<div style="background: linear-gradient(to right, #e91e63, #d81b60); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);">
    <h1>Hello World</h1>
</div>


== Signature syntaxes ==
..noiceew everything on my userpage working perfectly in mobile view...
..noiceew everything on my userpage working perfectly in mobile view...


Latest revision as of 09:15, 14 January 2024

Now working finely.. ....

Text color gradients[edit | edit source]

Multiple gradients[edit | edit source]

Hello World

Two gradients[edit | edit source]

  • 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 | edit source]

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 | edit source]

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 | edit source]

..noiceew everything on my userpage working perfectly in mobile view...

🍁Bharatwiki Socrates🍁 (talk)


🍁Bharatwiki Socrates🍁 (talk)


🍁Bharatwiki Socrates🍁 (talk)


🍁Bharatwiki Socrates🍁 (talk)


🍁Bharatwiki Socrates🍁 14:22, 31 December 2023 (IST)

🍁Bharatwiki Socrates🍁 13:16, 31 December 2023 (IST)


_____________

🍁Bharatwiki Socrates🍁 13:06, 31 December 2023 (IST)


🍁Bharatwiki Socrates🍁


Bharatwiki Socrates


Bharatwiki Socrates


𝓑𝓱𝓪𝓻𝓪𝓽𝔀𝓲𝓴𝓲 𝓢𝓸𝓬𝓻𝓪𝓽𝓮𝓼


🌿 Bharatwiki Socrates 🌿


Bharatwiki Socrates


Bharatwiki Socrates


🌈 Bharatwiki Socrates 🌈


🔮 Bharatwiki Socrates 🔮

🌟 Bharatwiki Socrates 🌟


Some more, styles........

🍁Bharatwiki Socrates🍁(📩)

🍁Bharatwiki Socrates🍁(🦜)


🍁Bharatwiki Socrates🍁(Talk 🦜)


🍁Bharatwiki Socrates🍁(Talk 🦜)

🍁Bharatwiki Socrates🍁(Talk 🦜)


🍁Bharatwiki Socrates🍁(Talk 🦜)


🍁Bharatwiki Socrates🍁 (talk)


🍁Bharatwiki Socrates🍁(Talk 🦜)


🍁Bharatwiki Socrates🍁(Talk 🦜)

🍁Bharatwiki Socrates🍁(Talk 🦜)



🍁Bharatwiki Socrates🍁(Talk 🦜)

Now ,,,

🍁Bharatwiki Socrates🍁(📩) 17:49, 31 December 2023 (IST)

Retrieved from "https://en.bharatpedia.org/w/index.php?title=User:Bharatwiki_Socrates/sandbox&oldid=442951"