css3
Typowe punkty przerwania dla zapytań o media w witrynie responsywnej
Pracuję więc nad moją pierwszą responsywną stroną internetową, która szeroko wykorzystuje zapytania o media. Zastanawiałem si ... ądzenia mobilne nie zachowują się zgodnie z oczekiwaniami (z @media). Gdzie to wchodzi w grę i jak mam sobie z tym poradzić?
Jak mieć wiele przejść CSS na elemencie?
To dość proste pytanie, ale nie mogę znaleźć bardzo dobrej dokumentacji na temat właściwości przejścia CSS. Oto fragment CSS: ... tekst-cień będzie animowany, ale nie kolor. Jak sprawić, by obie animacje były jednocześnie animowane? Dzięki za odpowiedzi.
Jak wykryć orientację urządzenia za pomocą zapytań CSS media queries?
W JavaScript tryb orientacji można wykryć za pomocą:
if (window.innerHeight > window.innerWidth) {
portrait = true;
... je sposób, aby wykryć orientację za pomocą CSS tylko?
Np. coś w stylu:
@media only screen and (width > height) { ... }
HTML5 placeholder css padding
Widziałem już ten post i próbowałem wszystkiego, co mogłem, aby zmienić wypełnienie dla mojego zastępczego, ale niestety, wy ... się dzieje(mój klient chrome, jak również. Prawdopodobnie jest to natywne dla Chrome/OSX, jeśli John używa systemu windows)
Jak stylować tylko za pomocą CSS?
Uwaga: to pytanie nie dotyczy tworzenia niestandardowego rozwijanego menu. Chodzi tylko o możliwości stylizacji <option> ... poza kolorem czcionki, podczas gdy Firefox pokazuje trochę więcej. Jak uzyskać pracę obramowania i padding również w Chrome?
Na zamówienie.css przestał działać w 32.0.1700.76 m Google Chrome update
Używam niektórych motywów do narzędzi programistycznych Google z tej strony: http://devthemez.com/themes/chrome-developer-tools
Jednak po aktualizacji 32.0.1700.76 M wszystkie motywy przestały działać.
Co muszę zrobić, aby znów działały?
Responsywna siatka sześciokątów
Załadowałem wiele zdjęć na mojej stronie z Internetu. Czy możliwe jest nadanie wszystkim tym obrazom kształtu sześciokąta w ... aduje losowe obrazy z internetu z jQuery, więc nie mogę używać obrazów tła.
Próbowałem tego: http://jsfiddle.net/8f5m5wv0/
Jak narysować okrąg na stronie html?
Jak narysować okrąg za pomocą HTML5 i CSS3?
Czy możliwe jest również umieszczenie tekstu wewnątrz?
Czy powinienem używać max-device-width czy max-width?
W zapytaniach CSS media queries możesz użyć max-device-width, aby skierować szerokość urządzenia (takiego jak iPhone lub urzą ... ght: 640px) {
/* Change a menu to fit the screen better, etc... */
}
Używam zarówno max-device-width jak i max-width.
Obramowanie tekstu za pomocą css (obramowanie wokół tekstu)
Czy istnieje sposób na zintegrowanie obramowania wokół tekstu, jak na poniższym obrazku?
Wyzwalanie przejścia CSS na dołączonym elemencie
Jak zauważa to pytanie, natychmiastowe przejścia CSS na nowo dołączonych elementach są w jakiś sposób ignorowane - stan końco ... i dlaczego te metody działają?
czy są inne sposoby na zrobienie tego
które, jeśli w ogóle, jest preferowanym rozwiązaniem?
Jak zrobić efekt ukosowania i Embosed do przycisku w CSS 3 dla przeglądarek opartych na web-kit?
Jak zrobić efekt ukosowania i Embosed do przycisku Submit w CSS 3 ?
W ten sposób.
Powiększony Obraz
Rozważam tylko Web ... o przycisku, pytam tylko o efekt ukosowania
Html
<input type="submit" value="Submit your entry" class="input" />
Czysty CSS Checkbox Image replacement
Mam listę checkboxów w tabeli. (jeden z wielu CB w rzędzie)
<tr><td><input type="checkbox" class="custom_i ... nie samego wejścia. Nadal nie dostaję oczekiwanego obrazu zamiany na wynik checkbox na stronie, ale myślę, że jestem bliżej.
Przyciemnić obraz tła CSS? [duplikat]
To pytanie ma już odpowiedź tutaj:
Jak przyciemnić tło za pomocą CSS?
... szy. Ponieważ mam elementy UI wewnątrz tego DIV, nie sądzę, że mogę umieścić inny div nad nim, aby go przyciemnić. Sugestie?
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
Jak działa funkcja flex-wrap z funkcją align-self, align-items I align-content?
align-self
W poniższym kodzie, align-self Działa z flex-wrap: nowrap.
flex-container {
display: flex;
flex-wra ... ></flex-item>
</flex-container>
jak działa flex-wrap Z align-self, align-items oraz align-content?
Usuń strzałkę wyboru w IE
Mam element select, chcę usunąć strzałkę, a następnie Mogę dodać inną ikonę..
mogę to zrobić dla Firefox Safari i Chrome,
ale ... width:200px;
}
Patrz Fiddle on IE9 .
wszystko czego potrzebuję to usunąć strzałkę w ie9
Proszę jsfiddle odpowiedz.
CSS media queries for screen sizes
Obecnie próbuję zaprojektować układ, który będzie kompatybilny dla wielu rozmiarów ekranu. Rozmiary ekranów, dla których pro ... ink rel="stylesheet" type="text/css" media="screen and (max-width: 1280px)" href="css/devices/screen/layout-modify4.css">
Aktywuj animację CSS3, gdy zawartość przewija się do widoku
Mam wykres słupkowy, który animuje się za pomocą CSS3, a animacja jest aktywowana podczas ładowania strony.
Mam problem, że ... nie żadnego szczęścia, aby ją uruchomić.
Gdyby ktoś mógł wskazać mi właściwy kierunek, byłoby to naprawdę pomocne.
Dzięki!
Uszczypnij, aby powiększyć za pomocą CSS3
Próbuję zaimplementować gesty pinch-to-zoom dokładnie tak, jak w Mapach Google. Obejrzałem wykład Stephena Woodsa- "tworzenie ... bkit-transform', css
image.css '-webkit-transform-origin', '0 0'
hammer.bind 'transformend', () ->
prevScale = scale