<?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: Prayas Hansa</title>
    <description>The latest articles on DEV Community by Prayas Hansa (@prayas).</description>
    <link>https://dev.to/prayas</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%2F937727%2Fede8a689-f0af-47bc-8cb0-fc336b1209bd.jpg</url>
      <title>DEV Community: Prayas Hansa</title>
      <link>https://dev.to/prayas</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/prayas"/>
    <language>en</language>
    <item>
      <title>Card Hover</title>
      <dc:creator>Prayas Hansa</dc:creator>
      <pubDate>Sat, 22 Apr 2023 18:44:32 +0000</pubDate>
      <link>https://dev.to/prayas/card-hover-4n85</link>
      <guid>https://dev.to/prayas/card-hover-4n85</guid>
      <description>&lt;p&gt;Card hover, here I tried to make it have the feel of opening a letter and the content poping up from it with a little twist to it.&lt;/p&gt;

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

</description>
      <category>codepen</category>
    </item>
    <item>
      <title>Happy New Year 2023</title>
      <dc:creator>Prayas Hansa</dc:creator>
      <pubDate>Sat, 31 Dec 2022 10:35:22 +0000</pubDate>
      <link>https://dev.to/prayas/happy-new-year-2023-1p4o</link>
      <guid>https://dev.to/prayas/happy-new-year-2023-1p4o</guid>
      <description>&lt;p&gt;Wishing you all dear developers Happy New Year. May this new year be filled with happiness and joy. &lt;/p&gt;

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

</description>
      <category>emptystring</category>
    </item>
    <item>
      <title>Cards</title>
      <dc:creator>Prayas Hansa</dc:creator>
      <pubDate>Sat, 24 Dec 2022 17:15:32 +0000</pubDate>
      <link>https://dev.to/prayas/cards-1f63</link>
      <guid>https://dev.to/prayas/cards-1f63</guid>
      <description>&lt;p&gt;Cards with simple hover effect and small animation for the title&lt;/p&gt;

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

</description>
      <category>codepen</category>
      <category>html</category>
      <category>css</category>
      <category>beginners</category>
    </item>
    <item>
      <title>Night Mode</title>
      <dc:creator>Prayas Hansa</dc:creator>
      <pubDate>Wed, 30 Nov 2022 16:22:23 +0000</pubDate>
      <link>https://dev.to/prayas/night-mode-jpb</link>
      <guid>https://dev.to/prayas/night-mode-jpb</guid>
      <description>&lt;p&gt;I used an input checkbox tag as a toggle button toggle between day and night mode.&lt;/p&gt;

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

</description>
      <category>codepen</category>
      <category>html</category>
      <category>css</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Responsive Log In Sign Up Form</title>
      <dc:creator>Prayas Hansa</dc:creator>
      <pubDate>Wed, 19 Oct 2022 22:03:54 +0000</pubDate>
      <link>https://dev.to/prayas/responsive-log-in-sign-up-form-31o0</link>
      <guid>https://dev.to/prayas/responsive-log-in-sign-up-form-31o0</guid>
      <description>&lt;p&gt;This is a responsive login-signup form that will flip to the required form by clicking the register now or the login here button. This form is compatible with any screen size.&lt;/p&gt;

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

</description>
      <category>codepen</category>
      <category>javascript</category>
      <category>html</category>
      <category>css</category>
    </item>
    <item>
      <title>Animated Background</title>
      <dc:creator>Prayas Hansa</dc:creator>
      <pubDate>Mon, 10 Oct 2022 21:50:14 +0000</pubDate>
      <link>https://dev.to/prayas/animated-background-2f25</link>
      <guid>https://dev.to/prayas/animated-background-2f25</guid>
      <description>&lt;p&gt;Simple background animation by creating a number of span in the ".bg" div and then adding custom height, width, left, animation duration, direction, and rotate.&lt;/p&gt;

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

</description>
      <category>codepen</category>
      <category>javascript</category>
      <category>beginners</category>
      <category>programming</category>
    </item>
    <item>
      <title>Rain(Codepen)</title>
      <dc:creator>Prayas Hansa</dc:creator>
      <pubDate>Sat, 08 Oct 2022 20:05:46 +0000</pubDate>
      <link>https://dev.to/prayas/rain-415c</link>
      <guid>https://dev.to/prayas/rain-415c</guid>
      <description>&lt;p&gt;Beautiful Rain&lt;/p&gt;

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

</description>
      <category>codepen</category>
      <category>javascript</category>
      <category>css</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Gradient Card</title>
      <dc:creator>Prayas Hansa</dc:creator>
      <pubDate>Fri, 07 Oct 2022 09:00:47 +0000</pubDate>
      <link>https://dev.to/prayas/gradient-card-97j</link>
      <guid>https://dev.to/prayas/gradient-card-97j</guid>
      <description>&lt;p&gt;Flame like Gradient engraved on the card&lt;/p&gt;

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

</description>
      <category>codepen</category>
      <category>javascript</category>
      <category>css</category>
      <category>beginners</category>
    </item>
    <item>
      <title>Button Hover</title>
      <dc:creator>Prayas Hansa</dc:creator>
      <pubDate>Wed, 05 Oct 2022 15:17:17 +0000</pubDate>
      <link>https://dev.to/prayas/button-hover-519b</link>
      <guid>https://dev.to/prayas/button-hover-519b</guid>
      <description>&lt;p&gt;It's a simple button hover effect using HTML and CSS. The inspiration for this button hover is turning on a light bulb, bright and white.&lt;/p&gt;

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

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