Stas Fedyna's repositories
character-walking-animation
I created the walking animation. Used sprites, keyframes and manipulations with background-position plus transform.
OptimizedHTML-4
OptimizedHTML 4: Startup HTML template based on Gulp & Bootstrap 4
animated-login-form
I created a cool login form, used font from google-fonts resours and added easy animation plus cross browsing.
animation-pulse-effect
Main parts - keyframe and shadow create the visual effect of the pulse. Project include browser prefixes.
autoprefixer
Parse CSS and add vendor prefixes to rules by Can I Use
bettertext.css
Improved default typography for naked HTML or Markdown-generated content.
bouncing-loader
I created a bouncing loader for a website used keyframes and manipulation with opacity.
easy-pre-loader
Simple but cool pre-loader. Was used just css.
fancybox
jQuery lightbox script for displaying images, videos and more. Touch enabled, responsive and fully customizable.
four-css-buttons-with-hover
The simple project with four css buttons and four different (very popular) hover-effects on them.
glowing-icon-hover-effect
Ultra beautiful hover effect. In this project, I use font-awesome icons (of course) and create a glowing effect for all frameworks icons (Angular JS, React JS, Vue JS, Ember JS)
granim.js
Create fluid and interactive gradients animations with this small (< 17 kB) js library.
Hover
A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.
instagram.css
Complete set of Instagram filters in pure CSS
landing-page-honey-world
If you like honey, this mini page for you. Cool colour in a honey style with vertical navigation and media icons. Welcome to the buzz :)
OwlCarousel2
jQuery Responsive Carousel.
parallax-effect-rellax-js
I created parallax amazing effect. This is my first experience and impression of rellax.js.
particles.js
A lightweight JavaScript library for creating particles
playing-cards-with-hover-effect
Main parts - manipulations with transform (rotate) and z-index. Project include browser prefixes.
popmotion
Monorepo for Popmotion and Pose animation packages
rellax
Lightweight, vanilla javascript parallax library
responsive-sticky-navbar
This project - mini website ('The North Face') with responsive sticky navbar, minimalist design plus cross browsing and easies hamburger menu on a small extension.
short-timeline
I created a beautiful timeline with 3 stages (Freelance > Tesla company > Google company). Project simple and without any animation but with prefixes for all browsers.
snow-landing
Для проверки. Убить потом.
social-media-icons-with-hover-effect
Using font-awesome icons I created media block with beautiful hover animation with resizing and rotating elements.
tilt.js
A tiny 60+fps parallax tilt hover effect for jQuery.
transparent-login-form
Simple login-form with icons from font-awesome and color scheme with 2 beautiful colours - dark and green.
website-golden
Golden is a modern and clean one-page web template. This template has a great portfolio and timeline.
website-next
in progresssss...