m2paulc

CSS Challenge Day 058

Took me all night just to figure out the animation on this one. This is my beehive. CSS Challenge Day 58. Quite frustrating to code.

A Pen by Paul on CodePen.

License.

m2paulc

Flying hyperspace

Exploring more animation. Playing with perspectives.

A Pen by Paul on CodePen.

License.

m2paulc

CSS Challenge Day 042

Late but still decided to tackle this CSS Challenge for Day 42. Learned more things.

A Pen by Paul on CodePen.

License.

m2paulc

CSS Challenge Day 048

Here is my CSS Challenge for Day 48. Playing with transform attributes. Rotations. Cube animation.

A Pen by Paul on CodePen.

License.

m2paulc

CSS Challenge Day 046

Here is my day 46 on the CSS Challenge. This is a hard one to figure out. I still have to learn more about animation, transformation.

A Pen by Paul on CodePen.

License.

m2paulc

CSS Challenge Day 052

This one is quite complicated and definitely took me time to figure things out. Anyway, this is for Day 52 of the CSS Challenge.

A Pen by Paul on CodePen.

License.

m2paulc

CSS Challenge Day 041

Here's my submission for day 41 of the CSS Challenge.

A Pen by Paul on CodePen.

License.

m2paulc

<section class="skewed" id="wrapper">
  <div class="layer bottom">
    <div class="content-wrap">
      <div class="content-body">
        <h1>Happy Halloween</h1>
      </div>
      <img src="https://res.cloudinary.com/dbpolimgc/image/upload/v1539199490/Mask%20Assets/Mask-bw.jpg" alt="mask negative">
    </div>
  </div>
  

m2paulc

CSS Challenge Day 039

Here's my version for day 39 of the CSS Challenge. I didn't make the cut off time but I finished it none the less. I have fixed the javascript part.

A Pen by Paul on CodePen.

License.

m2paulc

<div class="frame">
  <div class="center">
		<div class="top">
      <div class="speaker"></div>
      <div class="camera"></div>
    </div>
    <div class="screen">
      <div class="screenOverlay"><div id="particles"></div></div>
    </div>
    <div class="bottom">