animation effects

  • Angled Youtube Embed with animation effect when hover developed using css, html and javascript. Demo and download available.

  • Cards with slide effects.

  • Creative Buttons using just CSS. Can be converted to SCSS for flexibility

  • This tutorial will show how to make CSS text bouncing effect with Animation using HTML, CSS and JavaScript. You have use this concept when new page loaded. When you have use this concept your website looks like very awesome. Text with individually bouncing letters using CSS animations, plus a little bit of JavaScript to apply the animation at different times for each character. Demo and download avilable.

  • Looks best in Chrome. Some parts are bugged in FF. Not working in IE below edge (if it's not working in edge, let me know pls). Card dimensions probably broken on mobile, except for iPhone 6 (because I was hardcoding pixels for this model). Don't forget to click request button inside card.

  • Cool slider animation with clip-path. Image slide show animation developed using CSS, HTML and JavaScript. Demo and Download options are available.

  • Really clever napkin animation waves effects with element Scalling using only CSS and HTML. Demo and download available.

  • Show Animated sentence line by line using JS and CSS. This text effect is developed using CSS, JavaScript and HTML. Demo and Download available.

  • A simple contact card with a banner, photo, links to social media, and an email form once a button is clicked.

  • Simple CSS Button Hover Effect. Simple, but good looking :hover and :active transition for buttons and links styled as buttons.