css3
Animacja ciągłego obracania CSS3 (podobnie jak zegar słoneczny)
Próbuję odtworzyć wskaźnik aktywności w stylu Apple (ikona ładowania zegara słonecznego) za pomocą animacji PNG i CSS3. Mam o ... e jest pauza, zanim obróci się ponownie. To ta pauza, której chcę się pozbyć.
Każda pomoc jest bardzo mile widziana, dzięki.
Usuwanie zaokrąglonych narożników z elementu w chromie / Webkit
Arkusz stylów User-agent dla Chrome daje promień obramowania 5px do wszystkich narożników elementu <select>. Próbowałem ... z ze specyfikacją arkusza stylów user-agent 5px. I oba te dwa ostatnie są przekreślone, tak jak powinny być.
Jakieś pomysły?
: after vs.: after
Czy istnieje jakakolwiek funkcjonalna różnica między pseudo-selektorami CSS 2.1 :after a CSS 3 ::after (poza ::after nieobsługiwanymi w starszych przeglądarkach)? Czy jest jakiś praktyczny powód, aby używać nowszej specyfikacji?
CSS3 odpowiednik jQuery slideUp i slideDown?
Moja aplikacja działa słabo z jQuery slideDown i slideUp. Szukam odpowiednika CSS3 w przeglądarkach które go obsługują.
Czy ... użyciu przejść CSS3 można zmienić element z display: none; na display: block; podczas przesuwania elementu w dół lub w górę?
Tworzenie projektu pioruna (jak Flash)
Próbuję odtworzyć symbol błyskawicy z Flasha (DC Comics) (lub koszulki noszonej przez Sheldona Coopera Big Bang Theory) W C ... byłem w stanie naucz się tego ze względu na ograniczenia czasowe, więc wolałbym użyć "tego, co wiem, jak używać", czyli CSS)
Jak zrobić główną zawartość div wysokość wypełnienia ekranu z css [duplicate]
To pytanie ma już odpowiedź tutaj:
aby div wypełnić wysokość pozostałej przestrzeni ekranu
... ;
<div id="maincontent">
</div>
<footer></footer>
</body>
</html>
Ktoś zna odpowiedź?
HTML & CSS+ Twitter Bootstrap: pełny układ strony lub wysokość 100% - Npx
Próbuję zrobić następujący layout:
+-------------------------------------------------+
| Header + search (Twitt ... ić layout opisany powyżej? Może Bootstrap może mi pomóc(przeglądałem dokumentację, ale nie ma wzmianek o takich przypadkach)?
Centrowanie w CSS Grid
Próbuję stworzyć prostą stronę z CSS Grid.
Nie mogę wyśrodkować tekstu z HTML do odpowiednich komórek siatki.
Próbowałem um ... ass="right_text">
<!--right side text content-->
<p>Hire me!</p>
</div>
</div>
Pokaż Ukryj divs po kliknięciu w HTML i CSS bez jQuery
Chcę coś bardzo podobnego do tematycznych składanych nagłówków znajdujących się tutaj:
Http://jquerymobile.com/demos/1.2.0- ... niestandardowych stylizacji do jQuery mobile jest dużo trudniejsze niż używanie czystego css i stylizowanie go samodzielnie.
Zapobiega rozszerzaniu elementów siatki
TL; DR: czy istnieje coś podobnego do table-layout: fixed dla sieci CSS?
Próbowałem stworzyć kalendarz z widokiem roku z du ... użycia CSS Grid Layout. Jednak to pytanie dotyczy bardziej ogólnej wiedzy na ten temat niż rozwiązania konkretnego przykładu.
Czy jest callback po zakończeniu animacji CSS3?
Czy Jest jakiś sposób na zaimplementowanie funkcji callback w przypadku animacji css3? W przypadku animacji Javascript jest t ... zaraz po zakończeniu animacji. Zależy to od kolejki interfejsu przeglądarki. Chcę bardziej solidnej metody. Jakieś wskazówki?
Styl elementu potomnego po najechaniu kursorem na rodzica
Jak zmienić styl elementu potomnego, gdy na elemencie nadrzędnym znajduje się kursor. Wolałbym rozwiązanie CSS dla tego, jeśl ... ienić kolor paska opcji wewnątrz panelu, gdy na panelu znajduje się kursor.
Szukam obsługi wszystkich głównych przeglądarek.
Padding-dół/góra w układzie flexbox
Mam układ flexbox zawierający dwa elementy. Jeden z nich używa padding-bottom :
#flexBox {
border: 1px solid red ... że ostatecznie nie jestem nawet pewien, czy Firefox lub Chrome robi poprawne rzeczy! Czy eksperci Firefox flexbox mogą pomóc?
Jak zatrzymać i wznowić animację CSS3 przy użyciu JavaScript?
Próbowałem wygooglować i poszukać z tego forum rozwiązania mojego problemu, ale jak na razie bez powodzenia. Chciałbym zatrzy ... sposób, aby wyczyścić te funkcje po kliknięciu ich raz? Czy próbuję to zrobić w zupełnie zły sposób? Pomoc jest doceniana. :)
Problem przy centrowaniu w pionie za pomocą flexbox, gdy wysokość nie jest znana
Mój układ ma kontener flex-container i dziecko.
HTML:
<div class="flex-container">
<div>text</div>
&l ... iv>
Codepen: http://www.codepen.io/ces/pen/sGtfK
Schemat:
Czy istnieje sposób na rozwiązanie tego problemu?
co dokładnie robi-webkit-transform: translate3d (0,0,0);? Aplikuj na ciało?
Co dokładnie robi -webkit-transform: translate3d(0,0,0);?
Czy ma jakieś problemy z wydajnością? Czy powinnam zastosować go do ciała czy poszczególnych elementów? Wydaje się, że drastycznie poprawia zdarzenia przewijania.
Dzięki za lekcję!
Środkowy element należy wycentrować, gdy elementy boczne mają różne szerokości
Wyobraź sobie następujący układ, gdzie kropki reprezentują przestrzeń między polami:
[Left box]......[Center box]......[R ... f byłoby miło, to byłoby idealne:
.leftBox {
justify-self : flex-start;
}
.rightBox {
justify-self : flex-end;
}
Center and right align flexbox elements
Chciałbym mieć A B i C wyrównane w środku.
Jak mogę dostać D, aby przejść całkowicie w prawo?
Przed:
Po:
Jaka jest ... lt;li>B</li>
<li>C</li>
<li>D</li>
</ul>
Https://jsfiddle.net/z44p7bsx/
Jak wstawić podział linii przed elementem za pomocą CSS
Wydaje mi się, że widziałem sposób, używając właściwości CSS content, aby wstawić znacznik podziału linii przed elementem. Oczywiście to nie działa:
#restart:before { content: '<br/>'; }
Ale jak ty to robisz?
CSS table column autowidth
Biorąc pod uwagę następujące informacje jak ustawić automatyczny rozmiar mojej ostatniej kolumny do jej zawartości?
(Ostatnia ... r:hover { background:#fcfcfc;}
table tr ul.actions {margin: 0;}
table tr ul.actions li {display: inline; margin-right: 5px;}