Currently Working
ON
ReactJs 16.8,REDUX, React Routing,Animations and Next.js which will aid
in developing Scalable Web Applications with ease
Latest Project On Github
Currently Working
Toggle Buttons-1
Used SCSS to design this component. Use of Transforms,Pseudo Selectors and components positioning is all one needs to design such Toggles 😄
Toggle Buttons-2
Similar Concept t that of above toggle,coded in pure CSS. Ease-In-Out transform along with radial gradient background image design for Ice block and Fire.During early stages thought of evaporating the water vapors. 😂
Tilt Page
Tricky One Indeed, this introduced me to the usage of Cubic-Bezier Curve function which aids in using "Transition-timing-function()." Other than that basic JS usage with pseudo selectors
Sunglasses
3D Inspect
Inspired from Lenskart inspect. Use of Perspective CSS transform.Still a work in progress due to restricted rotation and Z-overflow if pointer moves too fast (Thanks Raghav for pointing out the bug)😉
Social Buttons-1
Posted this in Pewdiepie's Subreddit he liked it :) Plenty of Youtube Tutorials available to help one understand the concept of 3D-Boxing using a Div element and performing necessary transforms.
Social Buttons-2
This was my 1st project after I learned about Vendor-prefixed properties(-webkit,-moz), and also the browser war that's been going on for ages. Youtube has great material regarding these prefixed properties
Error 404
A page not found page (see what i did there) Initially tried syncing the beam's motion but gave up.I could fix that now but....... Dozes Off 😴
Redirect page
This one was all Keyframes,Transforms and Pseudo-Selectors.For those having trouble with Time-Management in Keyframes try Keyframes.app .This would surely save you alot of time and remove confusion visualising animations