| Autor | Zpráva | ||
|---|---|---|---|
| Kaminko Profil |
Zdravím, robím si button menu a stále pri rotácii buttonu sa mi zväčšia medzeri medzi medzerami.
tu je css button.menu {
background: #A5A7A8;
color: #000;
cursor: pointer;
font-family: "Bauhaus 93", Arial ;
font-size: 40px;
-moz-box-shadow: 0 0 10px#000;
-webkit-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
-o-box-shadow: 0 0 10px #000;
-ms-box-shadow: 0 0 10px #000;
border-radius: 10px;
border: 0px;
height: 100px;
margin-right: 15px;
-webkit-transition: -webkit-transform 0.4s, color 0.4s;
-moz-transition: -moz-transform 0.4s, color 0.4s;
-ms-transition: -ms-transform 0.4s, color 0.4s;
-o-transition: -o-transform 0.4s, color 0.4s;
}
button.menu:hover {
background: #1882F2;
color: #fff;
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-o-transform: rotate(30deg);
-ms-transform: rotate(30deg);
}
#menu {
position: relative;
top: 130px;
right: 100px;
height: 100px;
float: right;
}a tu html <header><a href="#"><img src="http://s21.postimg.org/t39nsyx8n/fastup.png"></a> <div id="menu"><button class="menu">Upload</button><button class="menu">My Account</button></div></header> a pri druhom buttone sa zmänšia |
||
| Joker Profil |
#2 · Zasláno: 19. 6. 2013, 07:35:51
Kaminko:
Mezery mezi mezerami? :-) Od boku si střelím, že to je prostě následek přepočítání pixelů. Podobně jako při zoomování stránky se taky mohou trochu změnit některé rozměry. (Například když budu mít vedle sebe dva prvky dlouhé 115px a dám zoom 90%, měl by každý mít 103,5px, což nejde, takže budou oba mít třeba 104px, čímž vznikne 1px rozdíl) |
||
| Kaminko Profil |
#3 · Zasláno: 19. 6. 2013, 17:54:20
Aha, ďakujem, čiže sa s tým proste musí zmieriť.
|
||
| margin Profil * |
#4 · Zasláno: 19. 6. 2013, 18:36:15
Kaminko:
„Aha, ďakujem, čiže sa s tým proste musí zmieriť.“ Vyrobil jsem živou ukázku a přiznám se, že nevím, v čem je problém, zkus ho lépe popsat. Mimo téma: Na řádku 7 CSS máš chybu, před # (číslo barvy ) patří mezera. Řádky 10, 11, 18 a 28 CSS jsou zbytečné, použité prefixy pro danou vlastnost není v prohlížečích podporována, jde o lidovou tvořivost. http://caniuse.com/css-boxshadow http://caniuse.com/css-transitions |
||
| Kaminko Profil |
#5 · Zasláno: 20. 6. 2013, 01:09:44
Problém je v tom, že keď sa prejde cez ten button myšou a chvíľu ho tam podržíte, text sa zmení.
|
||
|
Časová prodleva: 11 let
|
|||
0