stanislavfedyna Goto Github PK

2d-to-3d-css-button-hover-effects

Hover effect with several transition cycles from 2D to 3D using transformation, shadow and transitions

3d-hover-effects-with-tilt.js

Cool idea - how to present a page with your team using cool design, creative idea with animation of photos and social networks. Cards have a special effect, because i used library Tilt.js (slope effect)

3d-layered-image-hover

Little project with couple layers of photos plus effect of hover

3d-our-team-page-concept

3D out team page concept using with cloud9carousel and reflection.js

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.

animation-with-firefles-effect

Wonderful and simple animation built with two main options: box-shadow and keyframes. Can be used like a pre-loader.

apple.com-navigation-bar

Replica of navigation on apple.com using javascript

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.

blogen-admin-ui

Bootstrap-4 project

bootstrap-responsive-website

bouncing-loader

I created a bouncing loader for a website used keyframes and manipulation with opacity.

character-walking-animation

I created the walking animation. Used sprites, keyframes and manipulations with background-position plus transform.

countdown-clock-website-page

Created a countdown timer that counts down in seconds, minutes, hours and days

css-clip-masking

Simple animation - an effect of moving background in a text. Main component - feature from CSS3 - "background-clip"

css-grid-homework

First mini experience with Grid CSS

easy-pre-loader

Simple but cool pre-loader. Was used just css.

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

eyes-follow-mouse-cursor

Eyes follow mouse cursor using manipulation with screen in javascript

fancybox

jQuery lightbox script for displaying images, videos and more. Touch enabled, responsive and fully customizable.

filterable-list-with-vanilla

In this mini-project with JavaScript I built a filterable list. Using to first time Materialize for CSS and layout. (Didn't include and other plugins)

flex-box-training

File for traning

four-css-buttons-with-hover

The simple project with four css buttons and four different (very popular) hover-effects on them.

full-screen-overlay-navigation

Full screen overlay navigation with amazing effect of hover on navigation items

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)

glozzom-multi-page-theme

description in progress :)

gradient-background-animation

Simple gradient background animation

granim.js

Create fluid and interactive gradients animations with this small (< 17 kB) js library.

gulp-csso

Minify CSS with CSSO.