css3

CSS3 przezroczystość + Gradient

RGBA jest niezwykle zabawna, podobnie jak -webkit-gradient, -moz-gradient, i ... .. progid:DXImageTransform.Microsoft.gradien ... h dwóch, RGBA i gradientów, aby uzyskać gradient przezroczystości alfa przy użyciu aktualnych / najnowszych specyfikacji CSS.

Czy jest jakieś "wygładzanie czcionek" w Google Chrome?

Używam Google webfonts i są w porządku w super dużych rozmiarach czcionek, ale przy 18px, wyglądają okropnie. Czytałem tu i ó ... jonaliści, jeśli chodzi o czcionki. zrzut ekranu pokazuje Google Chrome po prawej, Firefox / Internet Explorer po lewej:

Drzewa w Twitter Bootstrap [zamknięty]

Próbowałem pracować nad stworzeniem drzewa (takiego jak drzewo katalogów), które używa jak najwięcej CSS i jak najmniej JS (t ... strap. W celach informacyjnych lub dla osób zdezorientowanych tym pytaniem, szukam czegoś w rodzaju dynatree do bootstrap.

Czy jest jakiś sposób na zmianę formatu input type = "date"?

Pracuję z elementami HTML5 na mojej stronie. Domyślnie wejście type="date" pokazuje datę jako YYYY-MM-DD. Pytanie brzmi, czy można zmienić jego format na coś w stylu: DD-MM-YYYY?

Konwertuj RGB NA rgba na biały

Mam kolor szesnastkowy, np. #F4F8FB (lub rgb(244, 248, 251)), który chcę przekształcić w jak najbardziej przezroczysty kolo ... { r : 170, g : 85 , b : 0 , a : 0.6, rgba : 'rgba(170, 85, 0, 0.6)' }

Co oznacza selektor CSS " ~ " (tilde/squiggle/twiddle)?

Wyszukiwanie postaci ~ nie jest łatwe. Przeglądałem jakiś CSS i znalazłem to .check:checked ~ .content { } Co to znaczy?

Flexbox: wyśrodkuj poziomo i pionowo

Jak wyśrodkować div poziomo i pionowo wewnątrz kontenera za pomocą flexbox. W poniższym przykładzie chcę każdą liczbę pod sob ... > <span class="flex-item">4</span> </div> </div> Http://codepen.io/anon/pen/zLxBo

Czy pseudo-Klasa: not() może mieć wiele argumentów?

Próbuję wybrać input Elementy wszystkich type S z wyjątkiem radio i checkbox. Wiele osób pokazało, że można umieścić wiele a ... ale używanie type i tak nie działa. form input:not([type="radio"], [type="checkbox"]) { /* css here */ } Jakieś pomysły?

Wywołanie zwrotne po zakończeniu przejścia CSS3

Chciałbym usunąć element (zmieniając jego krycie na 0) , a następnie po zakończeniu usunąć element z drzewa DOM. W jQuery je ... kończeniu animacji. Ale jeśli chcę animować za pomocą przejść CSS3, czy i tak Wiem, kiedy Przejście / animacja się skończyła?

Jak dodać podpowiedź do div

Mam znacznik div w następujący sposób: <html> <head></head> <body> <div> ... ascript do wyświetlania podpowiedzi na: hover div. Czy ktoś może mi pomóc? Podpowiedź powinna również mieć efekt fade in/out.

W CSS Użyj " ... " dla przepełnionego bloku wielu linii

Z overflow: hidden; text-overflow: ellipsis; white-space: nowrap; "..."zostanie wyświetlona na końcu linii, jeśli zostani ... ij dkjd| |dsji jdia js ajid s| |jdis ajid dheu d ...|/*Here it's overflowed, so "..." is shown. */ +--------------------+

SVG drop shadow using css3

Czy Można ustawić cień dla elementu svg przy użyciu css3, coś w stylu box-shadow: -5px -5px 5px #888; -webkit-box-shadow: - ... <rect class="shadow" x="10" y="10" width="100" height="50" fill="#c66" /> </svg> </body> </html>

css transform, postrzępione krawędzie w chrome

Używam CSS3 transform, aby obracać obrazy i pola tekstowe z obramowaniami w mojej witrynie. Problem polega na tym, że obramo ... e(2deg); /* Firefox */ } Czy Jest jakiś sposób, aby to naprawić, np. zmuszając Chrome do używania AA? Przykład poniżej:

CSS3 krycie granic?

Czy istnieje prosty sposób CSS, aby obramowanie elementu było półprzezroczyste z czymś takim jak: border-opacity:0.7; ? Jeśli nie, czy ktoś ma pomysł, jak Mogę to zrobić bez użycia obrazów?

Umieszczenie obramowania wewnątrz div, a nie na jego krawędzi

Mam element <div> i chcę umieścić na nim obramowanie. Wiem, że mogę napisać style="border: 1px solid black", ale to do ... iło. Czy Jest jakiś sposób, aby obramowanie pojawiło się i upewnić się, że pole będzie nadal 100px (łącznie z obramowaniem)?

Disable LESS-CSS Overwriting calc () [duplicate]

To pytanie ma już odpowiedź tutaj: mniej agresywna kompilacja z CSS3 calc ... dth: calc(-100%); Czy jest sposób, aby powiedzieć LESSOWI, aby nie kompilował go w ten sposób i nie generował go normalnie?

Jak dodać cień po jednej stronie elementu?

Muszę utworzyć box-shadow na jakimś elemencie block, ale tylko (na przykład) po jego prawej stronie. Sposób, w jaki to robię, ... t stworzenie tylko pionowej części cienia. Dokładnie to samo co repeat-y reguły background:url(shadow.png) 100% 0% repeat-y.

Dlaczego powinniśmy umieścić ttf, eot, WOFF, svg, ... w FONT-face

W CSS3 font-face, istnieje wiele typów czcionek, takich jak ttf, eot, woff, svg i cff. Dlaczego powinniśmy używać wszystkich ... i są one specjalne dla różnych przeglądarek, dlaczego ich liczba jest większa niż liczba głównych przeglądarek internetowych?

Bootstrap 3 i Youtube w modalu

Próbuję użyć funkcji modalnej z Bootstrap 3, aby pokazać mój film na Youtube. Działa, ale nie mogę kliknąć żadnych przycisków ... }); $('#myModal button').click(function () { $('#myModal iframe').removeAttr('src'); }); </script>