Fixed transform origin with nonsense values because of Firefox bug

stable
Xavier Julián 2014-09-29 13:52:10 +02:00
parent 4003e1193a
commit 56954aa1f0
2 changed files with 2 additions and 2 deletions

View File

@ -278,7 +278,7 @@ ProjectMenuDirective = ($log, $compile, $auth, $rootscope, $tgAuth, $location, $
viewBox="0 0 134.2 134.3" version="1.1" preserveAspectRatio="xMidYMid meet" shape-rendering="geometricPrecision"> viewBox="0 0 134.2 134.3" version="1.1" preserveAspectRatio="xMidYMid meet" shape-rendering="geometricPrecision">
<style> <style>
svg { svg {
transform: rotate(0.01deg); transform: scale(.99);
} }
path { path {
fill:#f5f5f5; fill:#f5f5f5;

View File

@ -1,7 +1,7 @@
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 134.2 134.3" preserveAspectRatio="xMidYMid meet"> <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 134.2 134.3" preserveAspectRatio="xMidYMid meet">
<style> <style>
.top { .top {
transform-origin: 193px 164px; transform-origin: 375px 532px;
-webkit-animation: rotate 4s cubic-bezier(.49,.05,.32,1.04) infinite alternate; -webkit-animation: rotate 4s cubic-bezier(.49,.05,.32,1.04) infinite alternate;
-webkit-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%;
animation: rotate 6s cubic-bezier(.49,.05,.32,1.04) infinite alternate; animation: rotate 6s cubic-bezier(.49,.05,.32,1.04) infinite alternate;

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB