css3

Zdarzenia przejściowe CSS3

Czy są jakieś zdarzenia wywołane przez element, aby sprawdzić, czy przejście css3 rozpoczęło się lub zakończyło?

animacja przejścia css3 przy ładowaniu?

Czy możliwe jest użycie animacji przejścia CSS3 przy ładowaniu strony bez użycia Javascript? Tego właśnie chcę, ale na stron ... wo wolna. Nie przydatne ze względu na to. Przejście CSS3 jest wystarczająco szybkie, ale nie Animuj przy ładowaniu strony.

Jak uzyskać box-shadow tylko po lewej i prawej stronie

Jakikolwiek sposób, aby box-shadow na lewo i prawo(poziome?) strony tylko bez hacków i obrazów. Używam: box-shadow: 0 0 15px 5px rgba(31, 73, 125, 0.8); Ale daje cień dookoła. Nie mam granic wokół elementów.

Jak wyrównać element flex w prawo?

Czy istnieje bardziej elastyczny sposób na wyrównanie "kontaktu" w prawo niż użycie position: absolute? .main { display ... t; <div class="c"><a href="#">Contact</a></div> </div> Http://jsfiddle.net/vqDK9/

Jak zwiększyć przestrzeń między kropkowanymi kropkami

Używam kropkowanej obramowania stylu w moim pudełku jak .box { width: 300px; height: 200px; border: dotted 1px #f00; float: left; } Chcę zwiększyć przestrzeń między każdą kropką granicy.

zapytania o Media iPhone 6 i 6 Plus

Czy ktoś zna konkretne rozmiary ekranu do kierowania zapytań o media dla iPhone 6 i 6 Plus? Również rozmiary ikon i ekrany powitalne?

Czarna przezroczysta nakładka na hover obrazu tylko CSS?

Próbuję dodać przezroczystą czarną nakładkę do obrazu, gdy kursor myszy znajduje się nad obrazem tylko z CSS. Czy to możliwe ... olute; top: 0; left: 0; display: none; background-color: red; z-index: 200; } .overlay:hover { display: block; }

Chrome / Safari nie wypełnia 100% wysokości flex

Chcę mieć menu pionowe o określonej wysokości. Każde dziecko musi wypełnić wysokość rodzica i mieć tekst wyrównany do środka ... tem"> <div class="item-inner"> <a>Button</a> </div> </div> </div>

Przewijanie flexboxa z przepełnioną treścią

Oto kod, którego używam do osiągnięcia powyższego układu: .header { height: 50px; } .body { position: abso ... rzewijaniem . Jak ustawić obszar content, aby przewijał się niezależnie, a jego dzieci rozciągały się poza wysokość content?

Jak narysować tekst pionowy za pomocą CSS cross-browser?

Chcę obrócić pojedyncze słowo tekstu o 90 stopni, z obsługą wielu przeglądarek (>=IE6, > = Firefox 2, dowolnej wersji Chrome, Safari lub Opery). Jak można to zrobić?

CSS transition shorthand z wieloma właściwościami?

Nie mogę znaleźć poprawnej składni przejścia z wieloma właściwościami. To nic nie robi: .element { -webkit-transition: ... óra zmniejszy mój CSS. Jest wystarczająco nadęty ze wszystkimi przedrostkami sprzedawcy. Również rozszerzono przykładowy kod.

Jakie są różnice między elastyczną podstawą a szerokością?

Były pytania i artykuły na ten temat, ale nic rozstrzygającego, o ile mogę powiedzieć. Najlepsze podsumowanie jakie znalazłem ... x-basis? ale czułem bardziej bezpośrednie porównanie lub podsumowanie różnice flex-basis i width (lub height ) byłyby miłe.

Generuj powtarzający się sześciokątny wzór za pomocą CSS3

Więc, muszę zrobić powtarzający się sześciokątny wzór, używając CSS. Jeśli obrazy są potrzebne, mogę tam pójść, ale wolałbym ... tanie określić dokładnej lokalizacji tekstu lub obrazów, których potrzebuję w określonych kształtach. Z góry dzięki za pomoc.

CSS3 Gradient Borders

Próbuję zastosować gradient do granicy, myślałem, że to takie proste: border-color: -moz-linear-gradient(top, #555555, #111111); To nie działa, czy ktoś wie, jaki jest prawidłowy sposób wykonywania gradientów granicznych.

img src SVG zmiana koloru wypełnienia

Html <img src="logo.svg" alt="Logo" class="logo-img"> Css .logo-img path { fill: #000; } Powyższy svg ładuj ... aby spróbować zmienić go na czarny, nie zmienia się, to mój pierwszy raz gram z SVG i nie jestem pewien, dlaczego nie działa.

Jak zrobić migający / migający tekst za pomocą CSS 3?

Obecnie mam ten kod: @-webkit-keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } } .waitingForConnection ... i tak dalej... Chciałbym, aby zanikło, a następnie "podniosło się" z tego zanikania ponownie do opacity: 1.0. Czy to możliwe?

Selektor atrybutów CSS nie działa a href

Muszę użyć selektora atrybutów w css, aby zmienić link na inny kolor i obraz, ale to nie działa. Mam ten html: <a href= ... font: bold 15px Tahoma; text-decoration: none; } a[href='.pdf'] { background: red; } Dlaczego tło nie jest czerwone?

Jak wyłączyć zwijanie marginesu? [duplikat]

To pytanie ma już odpowiedź tutaj: Jak usunąć margines? 5 odpowie ... lne: zewnętrzny piksel komplikuje obliczenia bez powodu. Czy istnieje bardziej rozsądny sposób na wyłączenie tego marginesu?

Jak utworzyć łezkę w HTML?

Jak stworzyć taki kształt do wyświetlenia na stronie internetowej? Nie chcę używać obrazów ponieważ będą się rozmazywać p ... na część nie była zakrzywiona. Czy istnieje sposób na stworzenie tego kształtu, aby można go było wykorzystać w strona HTML?

Jak usunąć strzałkę z elementu select w Firefoksie

Próbuję stylizować select element używając CSS3. Dostaję wyniki, których Pragnę w WebKit (Chrome / Safari), ale Firefox nie g ... sie. Najwyraźniej -moz-appearance: none nie pozbywa się rozwijanego elementu. Jakieś pomysły? Nie, JavaScript nie jest opcją