CodeMyUI

<div>
  <h1>Strike out explanations</h1>
  <p>Semantic, lovely, <del class="removed" title="Actually, on second thoughts, they aren't that hard to use">hard to use,</del> explanations of strikethrough text.  I was on a popular website earlier and they had an article full of amended text, but none of it had any description as to why the text was missing.</p>
  <p>Editing is the process of selecting and preparing written, visual, audible, and film media used to convey information. The editing process can involve correction, <del class="removed" title="I removed this bit, as it wasn't entirely correct">sausages, baked beans, fried eggs,</del> condensation, organization, and other modifications performed with an intention of producing a correct, consistent, accurate, and complete work.</p>
  <p>Colors from <a href='http://flatuicolors.com/'>flatuicolors.com</a></p>
</div>

CodeMyUI

CSS Strikethrough Text

A Pen by Squidies on CodePen.

License.

CodeMyUI

<div class="container">
	<div class="row">
		<div class="col-sm-12">
			<h2>Text Strikethrough</h2>
			<span class="strikethrough">Deleted text</span>
			<br><br>
			<p>A Strikethrough can be useful in various situations. It's very easy to add a strikethrough to your text via CSS Stylesheets.</p>
			<p><i>Please note, that in some earlier versions of Internet Explorer; the strikethrough won't work.</i></p>
		</div>
	</div>

CodeMyUI

<del>Spoiler text :D</del>

CodeMyUI

Diginotes

A Pen by Monica Powell on CodePen.

License.

CodeMyUI

<!-- This is a recreation of Unfold's (https://dribbble.com/unfold) parallax scene: https://cdn.dribbble.com/users/14268/screenshots/3275340/northface.gif -->
<div class="scrollDist"></div>
<div class="main">
  <svg viewBox="0 0 1200 800" xmlns="http://www.w3.org/2000/svg">
    <mask id="m">
      <g class="cloud1">
        <rect fill="#fff" width="100%" height="801" y="799" />
        <image xlink:href="https://assets.codepen.io/721952/cloud1Mask.jpg" width="1200" height="800"/>
      </g>
    </mask>

CodeMyUI

<div class="stage">
  
  
<div class="container">
  <div class="ring">
    <div class="img"></div>
    <div class="img"></div>
    <div class="img"></div>
    <div class="img"></div>
    <div class="img"></div>

CodeMyUI

<div class="imgLoader"></div>

<div class="container">

  <h1 class="title">
    Turning pages<br>with css
  </h1>

  <div class="credit">
    * Images loaded randomly from Picsum.photos

CodeMyUI

3D Ebook Flip Animation

For my 5th collaboration with @sandhya_subram we created this 3D Ebook Flip Animation

Design link: https://dribbble.com/shots/14631976-3D-Ebook-Flip-Animation-in-Adobe-XD

A Pen by Saranya Mohan on CodePen.

License.

CodeMyUI

CSS only fold out mobile menu

A Pen by Cyd Stumpel on CodePen.

License.