From b517bc9ba04d47257115bb079b48a1a4e9eb7c3e Mon Sep 17 00:00:00 2001 From: Luzifr Date: Mon, 10 Oct 2011 21:34:06 +0200 Subject: [PATCH] Some effect tweaks --- wcfsetup/install/files/acp/style/style.css | 30 ++++++++++++++++++---- 1 file changed, 25 insertions(+), 5 deletions(-) diff --git a/wcfsetup/install/files/acp/style/style.css b/wcfsetup/install/files/acp/style/style.css index 1c0e4f83bd..d2d8057ce0 100644 --- a/wcfsetup/install/files/acp/style/style.css +++ b/wcfsetup/install/files/acp/style/style.css @@ -1237,6 +1237,26 @@ input[type='button'], position: relative; bottom: -1px; z-index: 10; + + -webkit-transition-property: border, background-color, background-image, color; + -webkit-transition-duration: .3s; + -webkit-transition-timing-function: ease; + + -moz-transition-property: border, background-color, background-image, color; + -moz-transition-duration: .3s; + -moz-transition-timing-function: ease; + + -ms-transition-property: border, background-color, background-image, color; + -ms-transition-duration: .3s; + -ms-transition-timing-function: ease; + + -o-transition-property: border, background-color, background-image, color; + -o-transition-duration: .3s; + -o-transition-timing-function: ease; + + transition-property: border, background-color, background-image, color; + transition-duration: .3s; + transition-timing-function: ease; } .tabMenu li:not(.ui-state-active) a:hover { @@ -2306,7 +2326,7 @@ input[type='button'].default:active, @-webkit-keyframes glowLargeButtons { 0% { - -webkit-box-shadow: 0 0 13px rgba(102, 153, 204, .3); + -webkit-box-shadow: 0 0 13px rgba(102, 153, 204, .5); } 100% { -webkit-box-shadow: 0 0 13px rgba(102, 153, 204, .1); @@ -2314,7 +2334,7 @@ input[type='button'].default:active, } @-moz-keyframes glowLargeButtons { 0% { - -moz-box-shadow: 0 0 13px rgba(102, 153, 204, .3); + -moz-box-shadow: 0 0 13px rgba(102, 153, 204, .5); } 100% { -moz-box-shadow: 0 0 13px rgba(102, 153, 204, .1); @@ -2322,7 +2342,7 @@ input[type='button'].default:active, } @-ms-keyframes glowLargeButtons { 0% { - -ms-box-shadow: 0 0 13px rgba(102, 153, 204, .3); + -ms-box-shadow: 0 0 13px rgba(102, 153, 204, .5); } 100% { -ms-box-shadow: 0 0 13px rgba(102, 153, 204, .1); @@ -2330,7 +2350,7 @@ input[type='button'].default:active, } @-o-keyframes glowLargeButtons { 0% { - -o-box-shadow: 0 0 13px rgba(102, 153, 204, .3); + -o-box-shadow: 0 0 13px rgba(102, 153, 204, .5); } 100% { -o-box-shadow: 0 0 13px rgba(102, 153, 204, .1); @@ -2338,7 +2358,7 @@ input[type='button'].default:active, } @keyframes glowLargeButtons { 0% { - box-shadow: 0 0 13px rgba(102, 153, 204, .3); + box-shadow: 0 0 13px rgba(102, 153, 204, .5); } 100% { box-shadow: 0 0 13px rgba(102, 153, 204, .1); -- 2.20.1