mirror of
				https://github.com/dawidolko/Website-Templates.git
				synced 2025-10-31 16:33:10 +01:00 
			
		
		
		
	
		
			
				
	
	
		
			160 lines
		
	
	
		
			3.0 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			160 lines
		
	
	
		
			3.0 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
| /*!
 | |
| Animate.css - http://daneden.me/animate
 | |
| Licensed under the MIT license - http://opensource.org/licenses/MIT
 | |
| 
 | |
| Copyright (c) 2014 Daniel Eden
 | |
| */
 | |
| 
 | |
| @import url(animate.css);
 | |
| 
 | |
| /*
 | |
| Theme Name: Worthy - Free Powerful Theme by HtmlCoder
 | |
| Author:HtmlCoder
 | |
| Author URI:http://www.htmlcoder.me
 | |
| Version:1.0.0
 | |
| Created:November 2014
 | |
| License: Creative Commons Attribution 3.0 License (https://creativecommons.org/licenses/by/3.0/)
 | |
| File Description: Custom Animations
 | |
| */
 | |
| 
 | |
| /*Custom Animations*/
 | |
| 
 | |
| @-webkit-keyframes fadeInDownSmall {
 | |
|   0% {
 | |
|     opacity: 0;
 | |
|     -webkit-transform: translate3d(0, -20px, 0);
 | |
|     transform: translate3d(0, -20px, 0);
 | |
|   }
 | |
| 
 | |
|   100% {
 | |
|     opacity: 1;
 | |
|     -webkit-transform: translate3d(0, 0, 0);
 | |
|     transform: translate3d(0, 0, 0);
 | |
|   }
 | |
| }
 | |
| 
 | |
| @keyframes fadeInDownSmall {
 | |
|   0% {
 | |
|     opacity: 0;
 | |
|     -webkit-transform: translate3d(0, -20px, 0);
 | |
|     -ms-transform: translate3d(0, -20px, 0);
 | |
|     transform: translate3d(0, -20px, 0);
 | |
|   }
 | |
| 
 | |
|   100% {
 | |
|     opacity: 1;
 | |
|     -webkit-transform: translate3d(0, 0, 0);
 | |
|     -ms-transform: translate3d(0, 0, 0);
 | |
|     transform: translate3d(0, 0, 0);
 | |
|   }
 | |
| }
 | |
| 
 | |
| .fadeInDownSmall {
 | |
|   -webkit-animation-name: fadeInDownSmall;
 | |
|   animation-name: fadeInDownSmall;
 | |
| }
 | |
| 
 | |
| @-webkit-keyframes fadeInLeftSmall {
 | |
|   0% {
 | |
|     opacity: 0;
 | |
|     -webkit-transform: translate3d(-20px, 0, 0);
 | |
|     transform: translate3d(-20px, 0, 0);
 | |
|   }
 | |
| 
 | |
|   100% {
 | |
|     opacity: 1;
 | |
|     -webkit-transform: none;
 | |
|     transform: none;
 | |
|   }
 | |
| }
 | |
| 
 | |
| @keyframes fadeInLeftSmall {
 | |
|   0% {
 | |
|     opacity: 0;
 | |
|     -webkit-transform: translate3d(-20px, 0, 0);
 | |
|     -ms-transform: translate3d(-20px, 0, 0);
 | |
|     transform: translate3d(-20px, 0, 0);
 | |
|   }
 | |
| 
 | |
|   100% {
 | |
|     opacity: 1;
 | |
|     -webkit-transform: none;
 | |
|     -ms-transform: none;
 | |
|     transform: none;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .fadeInLeftSmall {
 | |
|   -webkit-animation-name: fadeInLeftSmall;
 | |
|   animation-name: fadeInLeftSmall;
 | |
| }
 | |
| 
 | |
| @-webkit-keyframes fadeInRightSmall {
 | |
|   0% {
 | |
|     opacity: 0;
 | |
|     -webkit-transform: translate3d(20px, 0, 0);
 | |
|     transform: translate3d(20px, 0, 0);
 | |
|   }
 | |
| 
 | |
|   100% {
 | |
|     opacity: 1;
 | |
|     -webkit-transform: none;
 | |
|     transform: none;
 | |
|   }
 | |
| }
 | |
| 
 | |
| @keyframes fadeInRightSmall {
 | |
|   0% {
 | |
|     opacity: 0;
 | |
|     -webkit-transform: translate3d(20px, 0, 0);
 | |
|     -ms-transform: translate3d(20px, 0, 0);
 | |
|     transform: translate3d(20px, 0, 0);
 | |
|   }
 | |
| 
 | |
|   100% {
 | |
|     opacity: 1;
 | |
|     -webkit-transform: none;
 | |
|     -ms-transform: none;
 | |
|     transform: none;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .fadeInRightSmall {
 | |
|   -webkit-animation-name: fadeInRightSmall;
 | |
|   animation-name: fadeInRightSmall;
 | |
| }
 | |
| 
 | |
| @-webkit-keyframes fadeInUpSmall {
 | |
|   0% {
 | |
|     opacity: 0;
 | |
|     -webkit-transform: translate3d(0, 20px, 0);
 | |
|     transform: translate3d(0, 20px, 0);
 | |
|   }
 | |
| 
 | |
|   100% {
 | |
|     opacity: 1;
 | |
|     -webkit-transform: none;
 | |
|     transform: none;
 | |
|   }
 | |
| }
 | |
| 
 | |
| @keyframes fadeInUpSmall {
 | |
|   0% {
 | |
|     opacity: 0;
 | |
|     -webkit-transform: translate3d(0, 20px, 0);
 | |
|     -ms-transform: translate3d(0, 20px, 0);
 | |
|     transform: translate3d(0, 20px, 0);
 | |
|   }
 | |
| 
 | |
|   100% {
 | |
|     opacity: 1;
 | |
|     -webkit-transform: none;
 | |
|     -ms-transform: none;
 | |
|     transform: none;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .fadeInUpSmall {
 | |
|   -webkit-animation-name: fadeInUpSmall;
 | |
|   animation-name: fadeInUpSmall;
 | |
| } |