css3
Precyzyjne przeciąganie i upuszczanie treści
The Setup
Więc, mam contenteditable div -- robię edytor WYSIWYG: pogrubienie, kursywa, formatowanie, cokolwiek, a ostatnio: ... kcyjnej? Straszne!!
Zajrzę do tego jutro -- chyba, że ja, lub ktoś inny tutaj czytający to, znajdzie rozsądne rozwiązanie:)
Animacja CSS3: wyświetlacz + krycie
Mam problem z animacją CSS3.
.child {
opacity: 0;
display: none;
-webkit-transition: opacity 0.5s ease-in-out ... mianę display.
Chcę zmienić wyświetlacz tuż po najechaniu kursorem, ale krycie powinno zostać zmienione za pomocą przejścia.
CSS3 Flexbox: display: box vs. flexbox vs. flex
Stałem się wczoraj stroną internetową w szkole, która korzysta z instrukcji CSS3 flexbox. Nigdy wcześniej tego nie używałem. ... zą display: box;, niektórzy używają display: flexbox; i inni display: flex;.
Więc jakie są różnice? Którego powinienem użyć?
Przewijanie do zakotwiczenia za pomocą przejścia / CSS3
Mam serię linków, które używają mechanizmu kotwicy:
<div class="header">
<p class="menu"><a href="#S1"&g ... uczę się JS i nie znam go na tyle dobrze, aby wymyślić własne rozwiązanie.
Każda pomoc / pomysły będą bardzo mile widziane.
Używanie @font-face z aplikacją Rails 3.1?
Mam problem z używaniem poniższej deklaracji @font-face do pracy z moją aplikacją Rails 3.1. Umieszczam czcionki w potoku za ... ct.com/2011/09/26/serving-fonts-in-rails-3-1 / że w deklaracjach zmieniono url na font-url. To też niestety nie zadziałało.
Czy można umieścić CSS @media rules inline?
Muszę dynamicznie ładować obrazy banerów do aplikacji HTML5 i chciałbym, aby kilka różnych wersji pasowało do szerokości ekra ... width:300px){background-image:particular_ad_small.png;}"></span>
Czy to możliwe, czy ktoś ma jakieś inne sugestie?
Transformacja CSS3: rotate; w IE9
Mam element, który musi być pionowy w projekcie, który zrobiłem. Mam css, aby to działało we wszystkich przeglądarkach z wyją ... nform' porperty wydaje się nic nie robić!
Czy ktoś wie w ogóle o elementach obrotowych w IE9?
Naprawdę doceniam pomoc!
W.
Jak renderować cienkie czcionki bardziej płynnie w CSS 3 w systemie Windows?
Kiedy zaprojektowałem swoją stronę w Adobe Flash Pro CS6, czcionka wygląda tak:
Czcionka wygląda gładko i nieco grubsza, ... tyle="color: #333; font-family: Lato; font-size: 32px;">Question or concern?</span>
</body>
</html>
Problem z CSS na Twitterze Typehead z Bootstrap 3
Wraz z wydaniem Bootstrap 3. Typehead został usunięty na rzecz tego:https://github.com/twitter/typeahead.js
Zintegrowałem ... v>
</body>
Javascript :
$('.typeahead').typeahead({
name: 'Some name',
local: ['test', 'abc', 'def']
})
Twitter Bootstrap: jaki jest prawidłowy sposób użycia `.Klasa btn w pasku nawigacyjnym?
Używam paska nawigacyjnego do standardowych rzeczy nav i chciałbym dołączyć przycisk do logowania i rejestracji.
Używam znac ... ere something I ' m zaginęła?
Pomyślałem, że zapytam, zanim przedefiniuję klasy CSS dla .btn. w pasku nawigacyjnym.
Dzięki.
Bootstrap 3-input-xs (mniejszy niż sm)
Zmarnowałem dużo czasu na szukanie sposobu, aby zrobić własny rozmiar xs (mniejszy niż mały) dla input I input group, Oto kod ... chyba nie będziemy mieli xs
guziki nawet w v4, ale będę o tym pamiętać, jeśli zdecydujemy się na
trzymaj go przy sobie.
Pionowo środek obrócony tekst za pomocą CSS
Mam następujący HTML:
<div class="outer">
<div class="inner rotate">Centered?</div>
</div>
di ... t pionowo, nie znając z góry żadnego rozmiaru? Nie znalazłem żadnych wartości transform-origin, które rozwiązują ten problem.
CSS3 box shadows in one direction only?
Mam element, który ma wstawione cienie pudełka, ale chcę, aby cień był tylko na górze.
Czy nie da się ustawić tylko górnego cienia? Czy muszę uciekać się do tworzenia dodatkowych elementów do nakładania cieni bocznych?
Bardzo trudny do rozwiązania i dziwny problem z przejściem nieprzezroczystości CSS3 (...musi być błąd?)
Absolutnie wyrywam sobie wszystkie włosy z tym bardzo frustrującym i dziwnym problemem CSS, który mam.
Używam Bones boilerpl ... wa..
EDIT2: Dodano szybki film pokazujący problem (najnowszy Firefox i Chrome) http://www.youtube.com/watch?v=uL81hLfMvvw
z-Indeks jest anulowany przez ustawienie transform(rotate)
Używając właściwości transform, z-index jest anulowany i pojawia się z przodu.
(Podczas komentowania out-webkit-transform, z- ... est">z-index is canceled.</div>
</body>
</html>
Jak transform i z-index współpracują ze sobą?
Jak wyśrodkować elastyczny kontener, ale wyrównać do lewej elementy flex
Chcę, aby elementy flex były wyśrodkowane, ale gdy mamy drugą linię, musimy mieć 5 (z obrazka poniżej) poniżej 1, a nie wyśro ... t;li>4</li>
<li>5</li>
<li>6</li>
</ul>
Http://jsfiddle.net/8jqbjese/2/
Chroń adres e-mail tylko za pomocą CSS
Chcę chronić swój adres e-mail na stronach internetowych.
Ale nie znam JavaScript i PHP. Znam tylko HTML i CSS.
Więc proszę mi pomóc, jak chronić mój adres e-mail tylko z CSS.
Jak wyświetlać tekst na obrazku po najechaniu kursorem?
Próbuję pokazać opis, gdy najeżdżam na obrazek. Zrobiłem to już w mniej niż pożądany sposób, używając sprite ' ów i hoverów t ... le=""><img src="content/assets/thumbnails/transparent_150x150.png" alt="" /></a>
</div>
</div>
Border-Promień w procentach ( % ) i pikselach (px) lub em
Jeśli użyję piksela lub wartości em dla border-radius, promień krawędzi jest zawszeokrągłym łukiem lubkształtem pigułki , n ... Dlaczego promień obramowania w procentach nie działa tak samo jak promień obramowania ustawiony z wartościami pikseli lub em?
Zastosowanie wielokropka do tekstu wielowierszowego
Czy istnieje rozwiązanie, aby dodać elipsę na ostatniej linii wewnątrz div o wysokości płynu (20%)?
Znalazłem funkcję -webki ... sque sodales ipsum a hendrerit.</p>
Mam ten JSFiddle, aby zilustrować problem.
https://jsfiddle.net/96knodm6/