<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: LukyVj - A$AP Luky</title>
    <description>The latest articles on DEV Community by LukyVj - A$AP Luky (@lukyvj).</description>
    <link>https://dev.to/lukyvj</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1030269%2F627719d8-8de2-49d9-841e-3f9ef00fb362.jpg</url>
      <title>DEV Community: LukyVj - A$AP Luky</title>
      <link>https://dev.to/lukyvj</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/lukyvj"/>
    <language>en</language>
    <item>
      <title>Futuristic Dial Button ☎</title>
      <dc:creator>LukyVj - A$AP Luky</dc:creator>
      <pubDate>Mon, 24 Apr 2023 08:05:48 +0000</pubDate>
      <link>https://dev.to/lukyvj/futuristic-dial-button-3d8e</link>
      <guid>https://dev.to/lukyvj/futuristic-dial-button-3d8e</guid>
      <description>&lt;p&gt;A futuristic dial button inspired by: &lt;a href="https://twitter.com/JoshGuoSpace/status/1648259938110836738"&gt;https://twitter.com/JoshGuoSpace/status/1648259938110836738&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Find the twitter thread here: &lt;a href="https://twitter.com/LukyVJ/status/1650128063672229889"&gt;https://twitter.com/LukyVJ/status/1650128063672229889&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/LukyVj/embed/xxyEYMJ?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
      <category>css</category>
      <category>lukyvj</category>
      <category>demo</category>
    </item>
    <item>
      <title>Subtle rainbow gradient buttons</title>
      <dc:creator>LukyVj - A$AP Luky</dc:creator>
      <pubDate>Sat, 22 Apr 2023 09:09:03 +0000</pubDate>
      <link>https://dev.to/lukyvj/subtle-rainbow-gradient-buttons-4lp1</link>
      <guid>https://dev.to/lukyvj/subtle-rainbow-gradient-buttons-4lp1</guid>
      <description>&lt;p&gt;Some subtle rainbow colored buttons that reveals a nice gradient border &amp;amp; overlay  ✨&lt;/p&gt;

&lt;p&gt;See the thread about it: &lt;a href="https://twitter.com/LukyVJ/status/1646927645425164313"&gt;https://twitter.com/LukyVJ/status/1646927645425164313&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/LukyVj/embed/bGmELYR?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
      <category>lukyvj</category>
      <category>css</category>
      <category>houdin</category>
    </item>
    <item>
      <title>🎴 Tilt playing card</title>
      <dc:creator>LukyVj - A$AP Luky</dc:creator>
      <pubDate>Mon, 20 Feb 2023 12:52:29 +0000</pubDate>
      <link>https://dev.to/lukyvj/tilt-playing-card-30k9</link>
      <guid>https://dev.to/lukyvj/tilt-playing-card-30k9</guid>
      <description>&lt;p&gt;Just a card to hover and play with! Click it to see the back! ✨&lt;/p&gt;

&lt;p&gt;Inspired by this tweet &lt;a href="https://twitter.com/learnframer/status/1625766945617494016"&gt;https://twitter.com/learnframer/status/1625766945617494016&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/LukyVj/embed/oNPgXXO?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
      <category>css</category>
      <category>houdin</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Sharp &amp; Glowing dark card | Chrome only</title>
      <dc:creator>LukyVj - A$AP Luky</dc:creator>
      <pubDate>Mon, 20 Feb 2023 11:45:28 +0000</pubDate>
      <link>https://dev.to/lukyvj/sharp-glowing-dark-card-chrome-only-5g90</link>
      <guid>https://dev.to/lukyvj/sharp-glowing-dark-card-chrome-only-5g90</guid>
      <description>&lt;p&gt;Based on this tweet: &lt;a href="https://twitter.com/aleksliving/status/1620874863690014721?s=20" rel="noopener noreferrer"&gt;https://twitter.com/aleksliving/status/1620874863690014721?s=20&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Please note that this pen uses CSS @property for that is not yet available everywhere, I’ll make a cross browser version. &lt;/p&gt;

&lt;p&gt;Best viewed in chrome &lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/LukyVj/embed/YzOXepM?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>discuss</category>
    </item>
    <item>
      <title>Grainy &amp; Gradients text | ChromePen</title>
      <dc:creator>LukyVj - A$AP Luky</dc:creator>
      <pubDate>Mon, 20 Feb 2023 11:44:59 +0000</pubDate>
      <link>https://dev.to/lukyvj/grainy-gradients-text-chromepen-52g5</link>
      <guid>https://dev.to/lukyvj/grainy-gradients-text-chromepen-52g5</guid>
      <description>&lt;h1&gt;Grainy &amp;amp; Gradient text&lt;/h1&gt;

&lt;h3&gt;ChromePen: Best rendering in chrome&lt;/h3&gt;

&lt;p&gt;Using: 
- color-mix: &lt;a href="https://developer.chrome.com/blog/css-color-mix/"&gt;https://developer.chrome.com/blog/css-color-mix/&lt;/a&gt;
- property: &lt;a href="https://developer.mozilla.org/fr/docs/Web/CSS/@property"&gt;https://developer.mozilla.org/fr/docs/Web/CSS/@property&lt;/a&gt;
- display-p3 color space: &lt;a href="https://css-tricks.com/wide-gamut-color-in-css-with-display-p3/"&gt;https://css-tricks.com/wide-gamut-color-in-css-with-display-p3/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;For the display-p3 colors,  you can see I used @supports feature detection to fallback on regular hexadecimal colors&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Let me know what you think! &lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/LukyVj/embed/poOjqBv?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
      <category>css</category>
      <category>houdini</category>
    </item>
  </channel>
</rss>
