@charset "utf-8"; /* CSS Document */ .Fillet { -moz-border-radius: 15px; /* Gecko browsers */ -webkit-border-radius: 15px; /* Webkit browsers */ border-radius:15px; /* W3C syntax */ } .Rotation img { transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; } .Rotation:hover img { transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); } .Amplification img { transition:400ms; filter: Alpha(Opacity=100); opacity: 1; } .Amplification:hover img { filter: Alpha(Opacity=80); opacity: 0.8; -webkit-transform:scale(1.14); transform:scale(1.14); } .Color_change img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .Color_change:hover img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter:; } .Animation_moveDown { -webkit-animation: moveDown 1s ease-in-out .2s backwards; -moz-animation: moveDown 1s ease-in-out .2s backwards; -ms-animation: moveDown 1s ease-in-out .2s backwards; -o-animation: moveDown 1s ease-in-out .2s backwards; animation: moveDown 1s ease-in-out .2s backwards; } @-webkit-keyframes moveDown { from { -webkit-transform: translateY(-100px); opacity: 0; } to { -webkit-transform: translateY(0); opacity: 1; } } @-moz-keyframes moveDown { from { -moz-transform: translateY(-100px); opacity: 0; } to { -moz-transform: translateY(0); opacity: 1; } } @keyframes moveDown { from { transform: translateY(-100px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @-ms-keyframes moveDown { from { -ms-transform: translateY(-100px); opacity: 0; } to { -ms-transform: translateY(0); opacity: 1; } } @-webkit-keyframes moveUp { from { -webkit-transform: translateY(100px); opacity: 0; } to { -webkit-transform: translateY(0); opacity: 1; } } @-moz-keyframes moveUp { from { -moz-transform: translateY(100px); opacity: 0; } to { -moz-transform: translateY(0); opacity: 1; } } @keyframes moveUp { from { transform: translateY(100px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @-ms-keyframes moveUp { from { -ms-transform: translateY(100px); opacity: 0; } to { -ms-transform: translateY(0); opacity: 1; } } @-webkit-keyframes moveLeft { from { -webkit-transform: translateX(-100px); opacity: 0; } to { -webkit-transform: translateX(0); opacity: 1; } } @-moz-keyframes moveLeft { from { -moz-transform: translateX(-100px); opacity: 0; } to { -moz-transform: translateX(0); opacity: 1; } } @keyframes moveLeft { from { transform: translateX(-100px); opacity: 0; } to { transform: translateX(0); opacity: 1; } } @-ms-keyframes moveLeft { from { -ms-transform: translateX(-100px); opacity: 0; } to { -ms-transform: translateX(0); opacity: 1; } } @-webkit-keyframes moveRight { from { -webkit-transform: translateX(100px); opacity: 0; } to { -webkit-transform: translateX(0); opacity: 1; } } @-moz-keyframes moveRight { from { -moz-transform: translateX(100px); opacity: 0; } to { -moz-transform: translateX(0); opacity: 1; } } @keyframes moveRight { from { transform: translateX(100px); opacity: 0; } to { transform: translateX(0); opacity: 1; } } @-ms-keyframes moveRight { from { -ms-transform: translateX(100px); opacity: 0; } to { -ms-transform: translateX(0); opacity: 1; } } .bgGradient{ -webkit-transition: background-color 1s; -moz-transition:background-color 1s; -o-transition: background-color 1s; transition: background-color 1s; }