<?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: cdmoro</title>
    <description>The latest articles on DEV Community by cdmoro (@cdmoro).</description>
    <link>https://dev.to/cdmoro</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.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F328574%2Fe622de62-f2f6-42b2-b2d3-69ca37e5d494.jpeg</url>
      <title>DEV Community: cdmoro</title>
      <link>https://dev.to/cdmoro</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/cdmoro"/>
    <language>en</language>
    <item>
      <title>Blur + Clip-path (only CSS)</title>
      <dc:creator>cdmoro</dc:creator>
      <pubDate>Thu, 01 Apr 2021 00:53:39 +0000</pubDate>
      <link>https://dev.to/cdmoro/blur-clip-path-only-css-1000</link>
      <guid>https://dev.to/cdmoro/blur-clip-path-only-css-1000</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/cdmoro/embed/jOyyxpa?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>CSS Magik cube</title>
      <dc:creator>cdmoro</dc:creator>
      <pubDate>Sat, 20 Mar 2021 21:14:25 +0000</pubDate>
      <link>https://dev.to/cdmoro/css-magik-cube-36nj</link>
      <guid>https://dev.to/cdmoro/css-magik-cube-36nj</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/cdmoro/embed/Yzpmajm?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>PUG-CSS microorganisms (no JS)</title>
      <dc:creator>cdmoro</dc:creator>
      <pubDate>Sat, 24 Oct 2020 04:17:22 +0000</pubDate>
      <link>https://dev.to/cdmoro/pug-css-microorganisms-no-js-38ak</link>
      <guid>https://dev.to/cdmoro/pug-css-microorganisms-no-js-38ak</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/cdmoro/embed/vYKgWwQ?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>CSS 3D transformations</title>
      <dc:creator>cdmoro</dc:creator>
      <pubDate>Mon, 19 Oct 2020 01:30:47 +0000</pubDate>
      <link>https://dev.to/cdmoro/css-3d-transformations-2gfg</link>
      <guid>https://dev.to/cdmoro/css-3d-transformations-2gfg</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/cdmoro/embed/KKMMaGX?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>html</category>
    </item>
    <item>
      <title>Curly CSS</title>
      <dc:creator>cdmoro</dc:creator>
      <pubDate>Sun, 18 Oct 2020 03:49:55 +0000</pubDate>
      <link>https://dev.to/cdmoro/curly-css-3mbn</link>
      <guid>https://dev.to/cdmoro/curly-css-3mbn</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/cdmoro/embed/wvWGVZE?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>CSS DNA</title>
      <dc:creator>cdmoro</dc:creator>
      <pubDate>Sun, 18 Oct 2020 03:29:38 +0000</pubDate>
      <link>https://dev.to/cdmoro/css-dna-4i6e</link>
      <guid>https://dev.to/cdmoro/css-dna-4i6e</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/cdmoro/embed/GRqZVEE?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>Infinite CSS ring</title>
      <dc:creator>cdmoro</dc:creator>
      <pubDate>Wed, 14 Oct 2020 11:48:28 +0000</pubDate>
      <link>https://dev.to/cdmoro/infinite-css-ring-5f15</link>
      <guid>https://dev.to/cdmoro/infinite-css-ring-5f15</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/cdmoro/embed/dyXYwQm?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>html</category>
    </item>
    <item>
      <title>CSS Film leader countdown (and maybe a bit of JS)</title>
      <dc:creator>cdmoro</dc:creator>
      <pubDate>Mon, 28 Sep 2020 13:52:01 +0000</pubDate>
      <link>https://dev.to/cdmoro/css-film-leader-countdown-and-maybe-a-bit-of-js-ncj</link>
      <guid>https://dev.to/cdmoro/css-film-leader-countdown-and-maybe-a-bit-of-js-ncj</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/cdmoro/embed/rNeRowx?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>html</category>
      <category>javascript</category>
    </item>
    <item>
      <title>CSS clip path transition effect</title>
      <dc:creator>cdmoro</dc:creator>
      <pubDate>Fri, 11 Sep 2020 14:46:26 +0000</pubDate>
      <link>https://dev.to/cdmoro/css-clip-path-transition-effect-582o</link>
      <guid>https://dev.to/cdmoro/css-clip-path-transition-effect-582o</guid>
      <description>&lt;p&gt;Welcome to another CSS experiment 🤩&lt;/p&gt;

&lt;p&gt;This time I've been playing around with CSS clip-path property.&lt;/p&gt;

&lt;p&gt;Hope you like it!&lt;/p&gt;

&lt;p&gt;See you!&lt;/p&gt;

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

</description>
      <category>css</category>
      <category>codepen</category>
      <category>html</category>
    </item>
    <item>
      <title>100 divs - CSS vars &amp; mouse tracking - Codepen challenge</title>
      <dc:creator>cdmoro</dc:creator>
      <pubDate>Thu, 10 Sep 2020 16:06:40 +0000</pubDate>
      <link>https://dev.to/cdmoro/100-divs-css-vars-mouse-tracking-codepen-challenge-43e</link>
      <guid>https://dev.to/cdmoro/100-divs-css-vars-mouse-tracking-codepen-challenge-43e</guid>
      <description>&lt;p&gt;Hello!&lt;br&gt;
I've playing around (again) with CSS vars. This time I filled they dynamically with Javascript listeners values to facing at the mouse cursor :D&lt;/p&gt;

&lt;p&gt;I specially did this for the "100 divs" Codepen challenge&lt;br&gt;
Hope you like it!&lt;/p&gt;

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

</description>
      <category>codepen</category>
      <category>challenge</category>
      <category>css</category>
      <category>html</category>
    </item>
    <item>
      <title>Death simple CSS after/before viewer</title>
      <dc:creator>cdmoro</dc:creator>
      <pubDate>Mon, 07 Sep 2020 02:31:19 +0000</pubDate>
      <link>https://dev.to/cdmoro/death-simple-css-after-before-viewer-1goa</link>
      <guid>https://dev.to/cdmoro/death-simple-css-after-before-viewer-1goa</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/cdmoro/embed/oNxpePQ?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;Hello everyone!&lt;br&gt;
I wanted to learn about how to use Javascript values into CSS rules and I ended up doing a "After/Before image viewer".&lt;/p&gt;

&lt;p&gt;The process was very funny, &lt;br&gt;
I hope you like it!&lt;/p&gt;

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