Stas Fedyna's repositories
3d-layered-image-hover
Little project with couple layers of photos plus effect of hover
animation-with-firefles-effect
Wonderful and simple animation built with two main options: box-shadow and keyframes. Can be used like a pre-loader.
preview-of-adaptive-blocks
Realized idea how to show one of your parts of the job - adaptability for all devices and present this idea using animation.
svg-stroke-animation-with-draw-svg
This is the result of my new experience with jQuery library - "Draw svg". I played with some svg icons and used in a process AI. For me result is really awesome.
transform-3d-card-portfolio
Wonderful project and idea - how to present a page with your portfolio projects using 3D transformation plus creative idea with minimal animation of photos with some projects.
typewriter-effect-css
Typewriter effect using just CSS
glozzom-multi-page-theme
description in progress :)
our-team-page-concept
Brilliant project and idea - how to present a page with your team using cool design, creative idea with animation of photos with some person on your team
website-loop-lab
description in progress
2d-to-3d-css-button-hover-effects
Hover effect with several transition cycles from 2D to 3D using transformation, shadow and transitions
blogen-admin-ui
Bootstrap-4 project
css-clip-masking
Simple animation - an effect of moving background in a text. Main component - feature from CSS3 - "background-clip"
effect-of-reveal-text
This project - an example how you can build a good present block, header or slogan section for your website with beautiful revival animation
flex-box-training
File for traning
hover-effect-in-navigation
I created hover effect in navigation. Simple but beautiful animation with amazing color and font.
isometric-projects-card
Wonderful project and idea - how to present a page with your portfolio projects using isometric components plus creative idea with a minimal hover on the photos projects.
isometric-social-media-icons
This work - creative way to present your social networks using isometric components plus simple animation and color scheme
loader-with-leafs
I took a cool idea of pre-loader and created a simple pre-loader for a website using not difficult css animations (with keyframes) plus SVG background.
loading-screen
I created this loading-screen using keyframes and mixins for more simple work-flow.
main-template
This is the main template for for bigger projects
portfolio-page
bootstrap 4 project
pure-css-parallax-scrolling
My first experience this type of parallax effect, using just CSS (without JavaScript).
simple-template
This is the template for simple projects
snake-border-page-loading-animation
Interesting preloader for your website in snake-style
vertical-timeline
Vertical timeline with 3 stages (about some companies). Project simple and without any animation but with prefixes for all browsers.
vide-js-responsive-fullscreen-video-background
This is my first experience and impression of vide.js. "Easy as hell jQuery plugin for video backgrounds" - author.
water-animation
Simple animation - an effect of water in a text. Main component - feature from CSS3 - "background-clip"
website-free-space
bootstrap 4 project
website-mizuxe
bootstrap 4 project