Ashon-G

<div class="stripes">
		<span></span>
		<span></span>
		<span></span>
		<span></span>
		<span></span>
</div>

Ashon-G

<script type="text/fragment" id="fragShader">#version 300 es
precision highp float;

uniform vec2 u_resolution;
uniform float u_time;
uniform vec2 u_mouse;
uniform sampler2D s_noise;

uniform sampler2D b_noise;

Ashon-G

Credit Card Marketplace

A Pen by Vashon Gonzales on CodePen.

License.

Ashon-G

Chronicle - Text Scroll Reveal

A Pen by Vashon Gonzales on CodePen.

License.

Ashon-G

<!-- Exported with SnipCSS extension (Ver 1.8.7) -->
<div class="row snipcss-PeFPW">
    <div class="col-12 container-small mb-5">
        <h2 class="text-center container-small">Revenue Potential</h2>
        <p class="slogan text-center container-small">Every time your users swipe their card, you will receive <strong><span data-toggle="tooltip" data-html="true" data-placement="top" title="" data-original-title="<p>Earn the following rates based on total spending across your program.</p>$0-$99,999k/mo: 0.50%<br/>$100,000-$999,999/mo: 0.75%<br/>$1,000,000/mo or more: 1.0%" id="style-vJOwn" class="style-vJOwn">up to 1%</span></strong> on all transactions!<br> Use the interactive model below to estimate your revenue potential.</p>
        <input type="hidden" id="interchange" value=".01">
    </div>
    <div class="col-12 d-flex flex-wrap align-items-center justify-content-md-center">
        <div class="col-12 mb-5 mb-md-0 col-lg-5 d-flex flex-column">
            <form id="cardRevenueForm">

Ashon-G

<div class="card">
    <div class="card-content">
      <header class="card-header">
        <div class="card-title">
          <h2 class="card-name">HDFC BUSSINESS MONEYBACK</h2>
          <div class="card-number">
            <img src="https://cdn.builder.io/api/v1/image/assets/TEMP/797c696809d4608d2d0c9a5cdc663923c2eaa6ce312e81e14511963c44492937?apiKey=aa19eef6d1f1473ba394866de3aadd86&" alt="Chip icon" class="card-chip" />
            <span class="card-number-text">1234 56XX XXXX 2022</span>
          </div>
        </div>

Ashon-G

Eclipsing View Transition

A Pen by Vashon Gonzales on CodePen.

License.

Ashon-G

<style>
.container {
    max-width: 400px;
    margin: 50px auto;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

label {

Ashon-G

Cred App Like Tab Bar Interaction

A tab bar interaction.

A Pen by Vashon Gonzales on CodePen.

License.

Ashon-G

Cred App Like Tab Bar Interaction

A tab bar interaction.

A Pen by Himalaya Singh on CodePen.

License.