css-transitions
Jak okno.scrollTo () z płynnym efektem [zamknięty]
Zamknięte . To pytanie wymaga szczegółów lub jasności . Obecnie nie przyjmuje odpowiedzi.
... n.addEventListener("click", function(){
window.scrollTo(0,200);
})
Ale chcę płynnego efektu przewijania. Jak to zrobić?
Efekt przejścia CSS3-Fade out
Próbuję zaimplementować efekt "fade out" w czystym CSS. Oto skrzypce . Zajrzałem do kilku rozwiązań online, jednak po przeczy ... o-keyframes slideup {
0% {
top:0px;
}
75% {
top:0px;
}
100% {
top:-20px;
}
}
Dziwne Przejście CSS3 (migotanie)
Kiedy zawisam do mojego przycisku, daje biały błysk pierwszy podczas rozpoczynania przejścia. Dlaczego migocze, gdy zastosuję ... it-transition:background linear .5s;
}
button:hover {
background:#ff3019;
}
button:active {
background:#cf0404;
}
Wyłącz / wyłącz dziedziczone przejścia CSS3
Więc mam następujące przejścia css dołączone do elementu a:
a {
-webkit-transition:color 0.1s ease-in, background-col ... edzicznych przejść na określonych elementach a?
a.tags { transition: none; }
Wygląda na to, że nie wykonuje swojej pracy.
CSS3 Animacja i wyświetlanie brak
Mam animację CSS 3 dla div, który ślizga się po określonym czasie. Chciałbym, aby kilka div wypełniło przestrzeń animowanego ... ation-delay: 3.5s;
-o-animation-delay: 3.5s;
animation-delay: 3.5s;
}
#main-image.fadeInDownBig{
height: 375px;
}
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" />
Rozwiń div ze środka zamiast tylko z góry i z lewej strony za pomocą CSS
Nie jestem pewien, czy jest to możliwe, ale pomyślałem, że byłoby fajnie, używając przekształceń CSS, aby stworzyć efekt, w k ... co chcę zrobić, z wyjątkiem przepływu dokumentów, które mają wpływ odpowiednio.
Czy ktoś wie jak to zrobić bez javascript?
CSS3 Transitions: czy" transition: all "jest wolniejszy niż " transition: x"?
Mam pytanie odnośnie szybkości renderowania dla właściwości przejścia css3.
Załóżmy, że mam kilka elementów:
div, span, a ... a, nawet jeśli istnieje tylko jedna właściwość elementu, która może spowolnić działanie.
Czy ktoś wie, czy tak jest? Dzięki!
Używanie CSS do przenoszenia właściwości fill ścieżki SVG po najechaniu kursorem
Umieszczam plik obrazu SVG NA MOJEJ STRONIE w ramach znacznika object, Jak to:
<object type="image/svg+xml" data="linkto ...
Ale nie mogę uzyskać fill kolor blaknąć z Przejście CSS, kolor zmienia się natychmiast, czy ktoś może rzucić na to światło?
Przejście CSS3 po kliknięciu za pomocą czystego CSS
Staram się, aby obraz (symbol plus) obrócił się o 45 stopni, aby utworzyć symbol krzyża. Do tej pory udało mi się to osiągnąć ... dy>
<img class="crossRotate" src="images/cross.png" alt="Cross Menu button" />
</body>
Oto jsfiddle demo.
CSS transition auto wysokość nie działa [duplikat]
To pytanie ma już odpowiedź tutaj:
Jak mogę przejść Wysokość: 0; do wysokości: auto; używając CSS?
... content... </p>
</section>
<label for="ac-2">About us</label>
</div>
</div>
Transformacja CSS powoduje migotanie w Safari, ale tylko wtedy, gdy przeglądarka ma szerokość>= 2000px
Dobrze to przeczytałeś. Testowano na wielu komputerach w biurze i jedyną różnicą między scenariuszami był Rozmiar przeglądark ... le.net/brandondurham/ujPMK/embedded/result/
Pamiętaj, Safari musi być ustawione na co najmniej 2000px wide, aby zdarza się.
Wykrywanie przejść css za pomocą javascript (i bez modernizr)?
Jak wykryć, że przeglądarka obsługuje przejścia css przy użyciu javascript (i bez użycia modernizr)?
CSS jak sprawić, by Element zanikał, a następnie zanikał?
Mogę sprawić, że element o nieprzezroczystości zerowej zniknie, zmieniając jego klasę na .elementToFadeInAndOut z następujący ... ;
}
Czy istnieje sposób, aby element zanikł po jego zaniku, edytując css dla tej samej klasy?
Dziękuję za poświęcony czas.
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.
CSS: transition krycie na mysz-out?
.item:hover {
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
-webkit-transition: opacity . ... o po najechaniu kursorem myszy, ale nie po opuszczeniu obiektu za pomocą myszki?
Demo tutaj: http://jsfiddle.net/7uR8z/
przejścia css na nowych elementach
Nie mogę znaleźć sposobu na użycie przejść css na nowo utworzonych elementach dom.
Powiedzmy, że mam pusty dokument html.
& ... addEventListener('DOMNodeInserted', ...), ale nie działa.
Jak mogę zastosować przejścia css na nowo utworzonych elementach?
Wyłączanie animacji przejścia na pasku nawigacyjnym Twittera Bootstrap
Tak jak http://twitter.github.com/bootstrap ,
Strona, nad którą teraz pracuję, jest responsywna.
I would like to remove ... r.
Powyższe zdjęcie to zrzut ekranu tego, o co Proszę.
W W prawym górnym rogu znajduje się trzylinijkowy przycisk menu.
Przejścia CSS3 wewnątrz jQuery.css()
Kiedy dodaję linię przejścia do mojego kodu, łamie jQuery. Jak mogę to naprawić?
a(this).next().css({
left: c,
transition: 'opacity 1s ease-in-out'
});
Próbuję ustawić fade z jednego div do następnego wewnątrz suwaka
Spinner do Twittera Bootstrap.btn
Próbuję stworzyć Spinnery dla Przycisków Bootstrap Twittera. Spinnery powinny wskazywać pewne prace w toku (tj. Ajax request) ... ienia się, gdy wyświetlany jest spinner lub przyciski, które zmieniają szerokość są ok? (If ill put it as snippet somewhere)