Frontend-Projects

About Me 😬

Checkout My Work Here!

Current Project Count - 60

Pre-Requisites

[1].HTML advance

[2].CSS advance(including bootstrap,flexboxes)

[3].Basic SASS

[4].Js and Jquery

---

Recent Ones 🔰

Cracked 🍷

[1]. HTML

Wrapper Div and 3 span's

[2]. CSS

Use of Clip-Path and transforms involving text-shadow and glow effects

---

Legos 🎲

[1]. HTML

Used Div's to create Lego pieces along with the 4 dots on each.

[2]. CSS

Lots and lots of Pseudo Selectors(after,before,nth-child) along with box-shadow and sizing.

[3]. Js

Used TimelineMax for doing complex sequencing in GSAP, a JavaScript library for high-performance HTML5 animation.Its easy to make complex sequences repeat with TimelineMax and there are plenty of methods and events that give you complete access to all aspects of your animation as shown in the demo below.

---

Ripple Button 🔳

[1]. SCSS

Lots and lots of Pseudo Selectors(after,before,nth-child) along with box-shadow and sizing.

---

Overlay Menu 📰

[1]. CSS

Lots and lots of Pseudo Selectors(after,before,nth-child) along with box-shadow and sizing.

[2]. Js

Used TimelineMax for doing complex sequencing in GSAP, a JavaScript library for high-performance HTML5 animation.Its easy to make complex sequences repeat with TimelineMax and there are plenty of methods and events that give you complete access to all aspects of your animation as shown in the demo below.

---

Cube 🔥

[1]. SCSS

Lots and lots of Pseudo Selectors(after,before,nth-child) along with box-shadow and sizing.

---