css-transforms
Zapobiegaj migotaniu na webkit-Przejście webkit-transform [duplikat]
Możliwy duplikat:iphone webkit animacje css powodują migotanie
Z jakiegoś powodu, tuż przed pojawieniem się mojej an ... ogę rozwiązać problem?
Dzięki!
Update: this występuje tylko w Safari. Nie dzieje się to w Chrome, chociaż animacja działa.
rotate3d
Jak połączyć rotateX(50deg) rotateY(20deg) rotateZ(15deg) w stenogramie rotate3d()?
'transform3d' nie działa z pozycją: Stałe Dzieci
Mam sytuację, w której, w normalnych okolicznościach CSS, stały div byłby umieszczony dokładnie tam, gdzie jest określony (to ... </div>
</div>
</div>
Jak mogę sprawić, by translate3d działał z dziećmi o stałej pozycji?
Obrócone elementy w CSS, które poprawnie wpływają na wysokość ich rodzica
Powiedzmy, że mam kilka kolumn, z których niektóre chciałbym obrócić wartości:
Http://jsfiddle.net/MTyFP/1/
<div class ... oduje, że obrócony element wpłynie na wysokość jego rodzica, tak aby tekst nie nakładał się na inne elementy? Coś takiego:
Transformacja CSS 3D, postrzępione krawędzie w Firefoksie
Podobnie jak " transformacja css, postrzępione krawędzie w chrome ", to samo dzieje się z Firefoksem na transformacjach 3D, np: http://jsfiddle.net/78d8K/5/ (Firefox )
Tym Razem backface-visibility nie pomaga: (
Jakiś pomysł?
Efekt najazdu: rozwiń dolną granicę
Próbuję uzyskać Efekt przejścia na granicy że granica rozszerza się po najechaniu.
h1 {
color: #666;
}
h1:afte ... pacity: 0;
}
h1:hover:after {
opacity: 1;
}
<h1>CSS IS AWESOME</h1>
Próbowałem tego na Jsfiddle
Obrócić stronę za pomocą kodu?
Mam nadzieję, że istnieje stosunkowo prosty sposób, aby obrócić stronę internetową trochę, 30 stopni lub tak, pozostawiając j ... adziałają?
Czy Jest jakiś sposób na użycie CSS, Javascript lub innej metody cross browser, która pozwoliłaby mi to osiągnąć?
Jak wykorzystać matrix transform i inne właściwości transform CSS?
Podczas używania właściwości transform w CSS, jedną z możliwych metod jest Metoda matrix, która wymaga 6 pól wejściowych. Ko ... 0, 0);
Wiem, że wartości pokazane powyżej są wartościami zapasów dla obiektu, ale co oznaczają lub robią wszystkie liczby?
jQuery Drag / Resize with CSS Transform Scale
Stosuję transformację CSS (i specyficzną dla przeglądarki-webkit, -o itd.):
Transformacja: macierz(0.5 , 0 , 0, 0.5, 0 , 0) ... alternatywę dla jquery, która może działać w takich warunkach, z transformacjami CSS?
Wielkie dzięki za wszelkie odpowiedzi.
Obróć lub obróć obraz po najechaniu na niego
Chcę dowiedzieć się, jak zrobić obracający się lub obracający obraz, gdy jest zawieszony. Chciałbym wiedzieć, jak emulować tę ... omocą CSS na następującym kodzie:
img {
border-radius: 50%;
}
<img src="http://i.imgur.com/3DWAbmN.jpg" />
Transformacja CSS nie działa na elementach wbudowanych
Chciałem odbić literę E w słowie WEBLOG więc użyłem właściwości CSS transform, ale to nie działa, jeśli zawijam tekst wewnątr ... -o-transform:rotate(7deg); /* Opera */
}
Przykład 2 (Działa, jeśli jest używany display: block lub display: inline-block)
overflow: hidden ignorowane przez border-radius i transformacje CSS (tylko webkit)
Chcę mieć kwadratowy obraz wewnątrz okręgu.
Gdy użytkownik znajduje się nad obrazem, obraz powinien być skalowany (powiększa ... w ogóle).
Oto demo z dziwnym zachowaniem w Chrome i Safari:
http://codepen.io/jshawl/full/flbau
Działa ok w Firefoksie.
CSS3 transform order matters: rightmost operation first
Kiedy używamy CSS3 transform: operation1(...) operation2(...), który z nich jest zrobiony pierwszy?
Pierwsza wykonana operac ... przeczytałem jedną rzecz i jej przeciwieństwo w niektórych miejscach( odpowiedzi, artykuły w Internecie), stąd pytanie tutaj.
Jak zresetować CSS3 * - transform: translate(...)?
Jak mam zresetować CSS transforms wcześniej zastosowany?
Powiedz, że mam:
div.someclass {
-webkit-transform: translate ... szystkie przekształcenia/tłumaczenia?
Czy powinienem używać: translate(0, 0); / translate3d(0, 0, 0); lub transform:auto; ?
Dlaczego ukryta widoczność wsteczna nie działa w IE10, gdy perspektywa jest stosowana do elementów nadrzędnych?
Ok, oto kolejna usterka IE10. Problem polega na tym, że zastosowanie perspektywy na elementach nadrzędnych łamie Ukryte ustaw ... he backface-visibilty thingy to Probably A bug? Jeśli tak, to czy istnieje jakieś obejście inne niż to, o którym wspomniałem?
Blok 100% wysokości z tekstem pionowym
Mam blok o zmiennej wysokości, w którym chcę umieścić kolejny blok o 100% wysokości i pionowym tekście (od dołu do góry) i um ... nagłówka. Wysokość paska jest zmienna, więc elementy powinny się dostosować, a tekst nagłówka powinien pozostać wyśrodkowany.
Obróć i przetłumacz
Mam problemy z obracaniem i pozycjonowaniem linijki tekstu. Teraz tylko pozycja działa. Rotacja również działa, ale tylko wte ... ext {
transform-origin: left;
transform: rotate(90deg);
transform: translate(50%, 50%);
}
Html to zwykły tekst.
Dlaczego zastosowanie filtra CSS na rodzicu powoduje przerwanie pozycjonowania dziecka?
Więc mam ten ekran tytułowy "animacja", który ma tytuł wyśrodkowany na stronie pełnoekranowej i po przewinięciu w dół staje s ... tle">Title</h1>
</div>
</div>
<div id="content"></div>
</body>
CSS Transform with element resizing
Znalazłem to: szerokość/wysokość po przekształceniu
I kilka innych, ale nic nie jest tym, czego szukam. Chcę przeskalować ... dal mi umyka. To jest złe. ponieważ dryfuję w kierunku pisania własnego menedżera układu w javascript, aby uzyskać ten efekt.
CSS3 transform rotate powoduje przesunięcie 1px w Chrome
Mam problem w chrome z CSS3 transform rotate transition. Przejście działa dobrze, ale tuż po jego zakończeniu element przesuw ... ie.
Ktoś ma jakiś pomysł, jak to zatrzymać, utrzymując stronę w centrum?
Używam wersji 24.0.1312.57 na OSX 10.6.8
Cheers
- 1
- 2