Skip to content

Instantly share code, notes, and snippets.

View Lord1Egypt's full-sized avatar

Mohamed Mounir Ali AL Keshita Lord1Egypt

View GitHub Profile
@Lord1Egypt
Lord1Egypt / index.html
Created February 15, 2024 08:18
iPhone Widget Scroll Animation
<section class='animation'>
<img class="iphone" src="https://assets.codepen.io/8292695/iphone-14.svg" alt="" />
<img id='app-store' class='widgets' src="https://assets.codepen.io/8292695/appstore-widget.svg" alt="" />
<img id='screen-time' class='widgets' src="https://assets.codepen.io/8292695/screen-time-widget.svg" alt="" />
<img id='weather' class='widgets' src="https://assets.codepen.io/8292695/weather-widget.svg" alt="" />
<img id='stocks' class='widgets' src="https://assets.codepen.io/8292695/stocks-widget.svg" alt="" />
<img id='calendar' class='widgets' src="https://assets.codepen.io/8292695/calendar-widget.svg" alt="" />
<img id='fitness' class='widgets' src="https://assets.codepen.io/8292695/fitness-widget.svg" alt="" />
<img id='find-my' class='widgets' src="https://assets.codepen.io/8292695/find-my-widget.svg" alt="" />
<img id='sleep' class='widgets' src="https://assets.codepen.io/8292695/sleep-widget.svg" alt="" />
@Lord1Egypt
Lord1Egypt / 3d-rainbow-ball-pure-css.markdown
Created February 15, 2024 08:18
3D rainbow ball: Pure CSS
@Lord1Egypt
Lord1Egypt / glassmorphic-modern-landing-page-with-squircle-buttons-responsive.markdown
Created February 15, 2024 08:18
Glassmorphic Modern Landing page with Squircle Buttons (Responsive)
@Lord1Egypt
Lord1Egypt / cards-gradient-border.markdown
Created February 15, 2024 08:18
Cards (gradient border)
@Lord1Egypt
Lord1Egypt / index.html
Created February 15, 2024 08:17
WebGL Ghost Cursor (2023 update)
<div class="page">
WebGL Ghost Cursor
</div>
<canvas id="ghost"></canvas>
<script type="x-shader/x-fragment" id="vertShader">
precision mediump float;
@Lord1Egypt
Lord1Egypt / css-heart-shaped-flower.markdown
Created February 15, 2024 08:17
CSS Heart-shaped Flower
@Lord1Egypt
Lord1Egypt / index.html
Created February 15, 2024 08:16
Valorant Characters Banner
<body>
<header class="header-section-main">
<div class="cursor"></div>
<div class="custom-container">
<div class="header-section-inner">
<div class="header-logo">
<a href="javascript:void(0);">
<img src="https://www.yudiz.com/codepen/valorant-characters/valorant.svg" class="cursor-scale small" alt="valorant-logo" />
</a>
</div>
@Lord1Egypt
Lord1Egypt / index.html
Created February 15, 2024 08:16
Valorant Characters Banner
<body>
<header class="header-section-main">
<div class="cursor"></div>
<div class="custom-container">
<div class="header-section-inner">
<div class="header-logo">
<a href="javascript:void(0);">
<img src="https://www.yudiz.com/codepen/valorant-characters/valorant.svg" class="cursor-scale small" alt="valorant-logo" />
</a>
</div>
@Lord1Egypt
Lord1Egypt / index.html
Created February 15, 2024 08:15
Sticky navbar challenge
<header>
<nav>
<ul>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#press">Press</a></li>
<li><a href="#shop">Shop</a></li>
<li><a href="#about">About</a></li>
</ul>
</nav>
</header>
@Lord1Egypt
Lord1Egypt / index.html
Created February 15, 2024 08:15
Slider with Two Different Sidebars | Swiper JS
<body>
<audio id="background-music" loop>
<source
src="https://www.chosic.com/wp-content/uploads/2021/06/Sweet(chosic.com).mp3"
type="audio/mpeg" />
Your browser does not support the audio element.
</audio>
<button id="play-pause-button">
<ion-icon
class="audio-icon"