Tag: css3

Es ist möglich, ein Textfeld nur mit CSS zu erweitern?

Anzahl der Antworten 3 Antworten
Ich habe eine textarea mit 200px Höhe, aber wenn ich den pass, die 200px mit text ich möchte die textarea erweitert, anstatt halten die 200px Höhe mit einem scroll-bar. Ist es möglich, das zu tun, nur mit

CSS3 Box-Sizing: Rand-Box; Warum nicht?

Anzahl der Antworten 8 Antworten
Warum haben wir box-sizing: margin-box;? In der Regel, wenn wir box-sizing: border-box; in unseren Stylesheets, die wir wirklich meinen, die ehemaligen. Beispiel: Sagen wir, ich habe ein 2 Spalten Seitenlayout. Beide Spalten haben eine Breite von 50%,

Wie spezifiziert man ein Element, nach dem in css flexbox umgebrochen werden soll?

Anzahl der Antworten 5 Antworten
Ich glaube nicht, dass dieser Teil des flexbox-standard noch nicht, aber gibt es vielleicht einen trick zu vermuten oder Kraft Umhüllung nach einem bestimmten element? Ich möchte zu reagieren, um verschiedene Papierformate und wickeln Sie eine Liste

Die CSS-Menüleiste bricht nicht für die zweite Zeile ab

Anzahl der Antworten 2 Antworten
Ich habe ein CSS-Menü. Das problem ist, dass in einem ul li span, wenn ich habe einen langen string, es nicht zu brechen für die zweite Linie, es geht einfach weiter, auf einer Linie raus aus dem

Legen Sie die modale Körpergröße des Bootstraps als Prozentsatz fest

Anzahl der Antworten 3 Antworten
Ich versuche, ein modal mit einem Körper, der bewegt wird, wenn der Inhalt zu groß wird. Ich möchte jedoch das modal zu reagieren, um die Display-Größe. Wenn ich die max-Höhe-40%, es hat keine Wirkung. Allerdings, wenn ich

css rotiere eine Pseudo: nach oder: vor Inhalt: ""

Anzahl der Antworten 1 Antworten
eh nach einer rotation Arbeit, die auf die pseudo - content:"\24B6"? Ich versuche zu drehen, eine unicode-symbol. InformationsquelleAutor der Frage devric | 2012-03-20

CSS: Animation vs. Übergang

Anzahl der Antworten 5 Antworten
So, ich verstehe, wie Sie durchführen, CSS3 übergänge und Animationen. Was ist nicht klar, und ich habe gegoogelt, Wann welcher zu benutzen ist. Zum Beispiel, wenn ich wollen, um einen ball abprallen, ist es klar, die animation

Stoppen Sie das BR-Tag mit CSS zu brechen

Anzahl der Antworten 7 Antworten
Gibt es eine Möglichkeit zu stoppen <br> tag brechen mit nur CSS? Versuchte ich br{display:none} whick funktioniert, aber es wird auch entfernen Sie das Leerzeichen zwischen den beiden Wörtern, die ich brauche, um zu halten. Dies ist

img src SVG Ändern der Füllfarbe

Anzahl der Antworten 9 Antworten
html <img src="logo.svg" alt="Logo" class="logo-img"> css .logo-img path { fill: #000; } Dem obigen svg-Lasten und ist nativ fill: #fff aber wenn ich den oben css zu versuchen, es zu ändern black es nicht ändern, dies ist

Bietet CSS3 eine Eigenschaft "Mindestgröße" für "Hintergrund"?

Anzahl der Antworten 2 Antworten
Ich bin mit background-size: 100%; Passt mein hintergrund Bild (im body-tag), um das browser-Fenster. Aber es ist ein CSS3-background-Eigenschaft, um eine Mindest-Größe? Oder muss ich in ein paar div-"trick" wie: <div id="bg"> <img src="images/bg.jpg" alt=""> </div> #bg

ie9 Grenzradius

Anzahl der Antworten 5 Antworten
Habe ich das folgende, das funktioniert in Firefox, Chrome und Safari. Aber nicht im IE9. Durch die abgerundeten Ecken oben Links und rechts von einem td. Was bin ich? border-left: solid 1px #444f82; border-right:solid 1px #444f82; border-top:solid

CSS `will-change` - wie man es benutzt, wie es funktioniert

Anzahl der Antworten 4 Antworten
Fand ich CSS will-changeW3.org docsMDN docs - Eigenschaft (die bereits arbeitet in Chrom und ist partiali unterstützt von Firefox und Opera), aber ich bin mir nicht wirklich sicher, wie es funktioniert. Weiß jemand etwas mehr über diese

Ist es möglich, eine Twitter Bootstrap Modal Slide von der Seite oder von unten zu machen, anstatt nach unten zu rutschen?

Anzahl der Antworten 3 Antworten
Derzeit der modal-slide-down-Effekt ist getan, indem die fade - Klasse auf den modal-div. Ist es möglich, um den Effekt zu ändern, Schiebe von der Seite (oder von unten) oder durch ändern der css? Ich konnte nicht finden

Nicht möglich, CSS calc () mit transform: translateX in IE zu verwenden

Anzahl der Antworten 1 Antworten
Alle, Ich würde gerne in der Lage sein zu verwenden von calc() mit transform:translateX in meiner CSS. E. g., #myDiv { -webkit-transform: translateX(calc(100% - 50px)); -moz-transform: translateX(calc(100% - 50px)); transform: translateX(calc(100% - 50px)); } Während dies perfekt

Wie implementiert man Max-Schriftgröße?

Anzahl der Antworten 2 Antworten
Ich angeben will meine schriftart-Größe verwenden vw wie in font-size: 3vw; Habe ich allerdings auch einschränken möchten, die Schriftgröße zu sagen, 36px. Wie kann ich erreichen das äquivalent von max-font-sizedie nicht vorhanden ist--ist die einzige option zur

Jquery Parallax Scrolling-Effekt - Multi-direktional

Anzahl der Antworten 5 Antworten
Ich brauchen, um zu bauen eine multi-direktionale JQuery-parallax-Seite für einen client, Sie wollen im Grunde, dass es funktioniert in ähnlicher Weise auf dieses - https://victoriabeckham.landrover.com/INT Habe ich das Kunstwerk fertig und haben gefunden, dass viele jquery Bibliotheken,

Hintergrundbild mit CSS3 Animationen ändern

Anzahl der Antworten 9 Antworten
Warum funktioniert das nicht? Was mache ich falsch? CSS @-webkit-keyframes test { 0% { background-image: url('frame-01.png'); } 20% { background-image: url('frame-02.png'); } 40% { background-image: url('frame-03.png'); } 60% { background-image: url('frame-04.png'); } 80% { background-image: url('frame-05.png'); }

Flexbox schwimmt nach rechts

Anzahl der Antworten 1 Antworten
Ich bin auf der Suche nach Lösungen für die Flexbox-layout-best practice für eine gemeinsame Nutzung Fall. In dem Beispiel, das ich verwenden möchte Flexbox, um die score-Zahl zu float auf der rechten Seite. Ich dachte, der Verwendung:

Drücken Sie, um mit CSS3 zu zoomen

Anzahl der Antworten 5 Antworten
Ich versuche, umzusetzen pinch-to-zoom-gesten genau wie in Google Maps. Ich sah einen Vortrag von Stephen Woods - "Erstellen von Responsive HTML5-Touch-Schnittstellen" - über das Thema und verwendet die Technik erwähnt. Die Idee ist, um die transformieren-Herkunft des

Hintergrundfarbe wird in der Druckvorschau nicht angezeigt

Anzahl der Antworten 12 Antworten
Ich versuche auf eine Seite drucken. In dieser Seite habe ich eine Tabelle eine Hintergrundfarbe. Wenn ich die Druckvorschau in chrome sein, die nicht auf die übernahme der hintergrund-Farbe Eigenschaft... Also versuchte ich diese Eigenschaft: -webkit-print-color-adjust: exact;

Wie style HTML5 & lt; Meter & gt; Etikett

Anzahl der Antworten 4 Antworten
Frage ich mich, wie konnte ich style die neue <meter> tag. <meter value=80 min=0 max=100> 80/100 </meter> Ich will einfach nur, um die Hintergrundfarbe zu ändern und Sie den Wert der Farbe, aber ich kann nicht finden

CSS-Übergang zwischen links - & gt; rechts und oben - & gt; untere Positionen

Anzahl der Antworten 3 Antworten
Ist es möglich, mit CSS-transitions animieren, etwas zwischen einer Stellung, als left: 0px zu right: 0px so geht es den ganzen Weg über den Bildschirm? Ich brauchen, um zu erreichen das gleiche mit der Spitze nach unten.

CSS3 Flexbox: Anzeige: Box vs. Flexbox vs. Flex

Anzahl der Antworten 4 Antworten
Wurde ich gestern eine website, in der Schule, die Nutzung der css3-flexbox-Anweisung. Ich nie benutzt, bevor. Also ich google ein bißchen. Und fand eine Menge von verschiedenen Stilen des flexbox-Anweisungen. Einige Jungs schreiben display: box;, einige display:

Twitter-Bootstrap - setze einfache Elemente inline

Anzahl der Antworten 1 Antworten
Ist es trotzdem auf 2 setzen <a> Elemente anzeigen von inline? ich tryed : <div class="form-inline"> <a>jjj</a> <a>sss</a> </div> und auch <div class="row-fluid"> <a class="inline">jjj</a> <a class="inline">sss</a> </div> aber es funktioniert nicht. InformationsquelleAutor der Frage sbaaaang |

Erzeuge wiederholendes hexagonales Muster mit CSS3

Anzahl der Antworten 6 Antworten
So, ich brauche, um eine sich wiederholende sechseckige Muster, mit CSS. Wenn Bilder benötigt werden, ich kann dorthin gehen, aber am Liebsten würde ich einfach CSS verwenden, wenn möglich. Hier ist eine Idee von dem, was ich

Wie kann ich Textüberlauf imitieren: Ellipsen in Firefox?

Anzahl der Antworten 13 Antworten
Ich habe einige dynamische text in einem div-Container festgelegt ist, was ein Benutzer in einem Textfeld-Feld. Wenn der text passt nicht in den div, jetzt kommt er nur abgeschnitten an den Rand und alle den text, erstreckt

Gedreht Elemente in CSS, die die Höhe ihrer Eltern korrekt beeinflusst

Anzahl der Antworten 3 Antworten
Sagen wir, ich habe ein paar Spalten, von denen einige ich möchte drehen die Werte von: http://jsfiddle.net/MTyFP/1/ <div class="container"> <div class="statusColumn"><span>Normal</span></div> <div class="statusColumn"><a>Normal</a></div> <div class="statusColumn"><b>Rotated</b></div> <div class="statusColumn"><abbr>Normal</abbr></div> </div> Mit diesem CSS: .statusColumn b { writing-mode: tb-rl; white-space:

Bootstrap 3: Wie richtet man den Spalteninhalt am unteren Ende der Zeile aus?

Anzahl der Antworten 4 Antworten
Ich habe eine Zeile in der Bootstrap-3 und 3 Spalten in dieser Zeile. Ich soll ausrichten, die zwei Spalten auf der Unterseite der Zeile und halten der ersten Spalte an der Spitze. Wenn ich den traditionellen Ansatz

Wo finde ich eine Liste von CSS3-Medienabfragen für alle gängigen Geräte?

Anzahl der Antworten 5 Antworten
Ich bin auf der Suche nach einer Liste von media queries, dass die Gegner alle gängigen gerätegrößen in Ihren unterschiedlichen Ausrichtungen (hochformat oder Querformat). Auch, um richtig zu identifizieren, die Medien, die Breite (und Höhe), muss ich

css3-mediaqueries.js VS Antwort.js

Anzahl der Antworten 2 Antworten
respond.js oder css3-mediaqueries.js ? Den amtlichen Unterlagen, vor allem von css3-mediaqueries.js, ist spärlich. Lesung am SO, Foren und blogs ich fasste diese vor-und Nachteile. respond.js Vorteile: Zuverlässiger (? empfohlen von Modernizr , Twitter Bootstrap 3 und H5BP

CSS-Hintergrundbild zur Anpassung an Höhe und Breite sollte proportional skaliert werden

Anzahl der Antworten 4 Antworten
Ich möchte hintergrund Bild passt mit der Höhe des div gibt es eine Möglichkeit, das zu tun? background-size:cover; passen, nur mit der Breite und Höhe autoscale (ich brauche den gegenteiligen Effekt). Danke. InformationsquelleAutor der Frage tanzio |

Vertikal zentrierender Inhalt von: before /: nach Pseudo-Elementen

Anzahl der Antworten 4 Antworten
Ich versuche, etwas zu erreichen, ähnlich wie auf diesem Bild: Habe ich ein Bild (als Teil einer Diashow), eingewickelt in ein div, und mit :before und :after pseudo-Elemente, anzeigen ich zwei Steuerelemente zu bewegen auf die nächste

Zebra Striping einer Tabelle mit versteckten Zeilen mit CSS3?

Anzahl der Antworten 8 Antworten
Ich habe eine Tabelle <table id="mytable"> <tr style="display: none;"><td>&nbsp;</td></tr> <tr><td>&nbsp;</td></tr> <tr style="display: none;"><td>&nbsp;</td></tr> <tr><td>&nbsp;</td></tr> <tr><td>&nbsp;</td></tr> <tr><td>&nbsp;</td></tr> </table> Ich versuche die Tabelle striping verwenden nth-child Selektoren, sondern kann einfach nicht scheinen, um es zu knacken. table #mytable tr[@display=block]:nth-child(odd)

Machen Sie Div Draggable mit CSS

Anzahl der Antworten 7 Antworten
Ich möchte mein div-tag mit der id "drag_me" ziehbar bis zu einer Länge von 300 Pixel von Links und 460px von oben, nur mit CSS. Ich möchte auch, um es der Größe veränderbar. Wieder die gleiche Bedingung

Wie entferne ich nur den oberen Teil eines Box-Shadows?

Anzahl der Antworten 5 Antworten
Ich bin mit border-radius und box-shadow um ein glühen um ein element. Kann ich Sie entfernen nur den oberen Teil des box-shadow? Live-Beispiel div { margin-top: 25px; color: #fff; height: 45px; margin-top: -5px; z-index: -10; padding: 26px

Wie kann man einem Objekt in einem transparenten Png mit CSS3 ein äußeres Leuchten geben?

Anzahl der Antworten 8 Antworten
Arbeite ich an einem Projekt, wo ich änderungen vornehmen, die in mehr als 500 Bilder zu geben outerglow auf hover Wirkung. Ich werde anpassen müssen, um jedes Bild zu geben, der äußere Schein. Es ist eine sehr

Ist es möglich, einen CSS-Platzhalter in der Mitte eines Attributselektors zu verwenden?

Anzahl der Antworten 1 Antworten
Habe ich einige generierte CSS und verwenden möchten, einige css, die wählen konnte, z.B. <p id="loremIndexIpsum">Text in here</p> Verwendung auf lorem und Ipsum Missachtung Index. Etwas ähnliches wie: p#lorem*Ipsum { } Ich kann das generieren einige weitere

CSS3-Übergang, um neue in JQuery erstellte Elemente hervorzuheben

Anzahl der Antworten 3 Antworten
Ich möchte an einem CSS3-Farb-übergang anwenden von highlight-Farbe verblassen Effekt (gelb-transparent), um neue Elemente angefügt, um das markup mithilfe von JQuery. CSS #content div { background-color:transparent; -moz-transition:background-color 2s; -webkit-transition:background-color 2s; -o-transition:background-color 2s; transition:background-color 2s; } #content div.new

CSS last-child selector: wähle das letzte Element einer bestimmten Klasse, nicht das letzte Kind innerhalb des Elternteils?

Anzahl der Antworten 4 Antworten
<div class="commentList"> <article class="comment " id="com21"></article> <article class="comment " id="com20"></article> <article class="comment " id="com19"></article> <div class="something"> hello </div> </div> Wählen #com19 ? .comment { width:470px; border-bottom:1px dotted #f0f0f0; margin-bottom:10px; } .comment:last-child { border-bottom:none; margin-bottom:0; } Nicht funktioniert,

Der Unterschied zwischen CSS3-Übergängen erleichtert das Ein- und Aussteigen

Anzahl der Antworten 1 Antworten
Was ist der Unterschied zwischen den CSS3 transitions' ease-inease-out usw.? InformationsquelleAutor der Frage user960567 | 2012-03-09

Wie kann ich CSS-Gradientenanordnungen verhindern?

Anzahl der Antworten 6 Antworten
Begann ich mithilfe von CSS-Gradienten, eher als die tatsächlichen Bilder, aus zwei Gründen: Erstens, die CSS-Farbverlauf definitiv schneller geladen als ein Bild, und die zweite, Sie sind nicht gedacht, um zu zeigen, banding, wie so viele raster-Grafiken.

umreißen auf nur einer Grenze

Anzahl der Antworten 4 Antworten
Anwenden einer inset border in ein HTML-element, aber eben nur auf einer Seite. Bis jetzt habe ich mit einem Bild zu tun, dass (GIF/PNG), die würde ich dann als hintergrund verwenden und ziehen Sie es (repeat-x) und

Textüberlauf: Ellipse funktioniert nicht mit IE

Anzahl der Antworten 3 Antworten
In diese Seite gibt es einige links auf der linken Seitenleiste, bekommen Sie zugeschnitten, mit: .widget-area .textwidget li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } In Firefox/Chrome es richtig angezeigt: Leider Internet Explorer 8/9/10...: Das problem

Soft Edges mit CSS?

Anzahl der Antworten 3 Antworten
Ich bin mit RGBA-erstellen Sie einen transparenten hintergrund auf, der overlays auf einem Bild. Funktioniert Prima. Meine Frage ist diese: gibt es eine Möglichkeit, "weich" die Kanten der box, wo es fließt mehr in die Bild gegen

Wie kann ich das zweite Kind mit CSS erreichen?

Anzahl der Antworten 2 Antworten
Ich habe eine table deren tds dynamisch erzeugt werden. Ich weiß, wie Sie das erste und Letzte Kind, aber meine Frage ist: Gibt es einen Weg, um das zweite oder Dritte Kind mit CSS? InformationsquelleAutor der Frage

Kontinuierliche CSS-Rotationsanimation bei Hover, animiert zurück zu 0deg bei Hover-Out

Anzahl der Antworten 5 Antworten
Habe ich ein element, dass die spins, wenn Sie die Maus über Sie auf unbestimmte Zeit. Wenn Sie die Maus aus, Stoppt die animation. Einfach: @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg);

Der HTML5-Eingabetypbereich zeigt den Bereichswert an

Anzahl der Antworten 4 Antworten
Ich mache eine Webseite wo ich will, um range-regler(ich weiß, es unterstützt nur webkit-Browser). Habe ich integrierte es vollständig und funktioniert einwandfrei. Aber ich möchte ein Textfeld zum anzeigen der aktuellen Folie Wert. Ich meine, wenn Sie

Rand-Radius mit CSS3 einfügen

Anzahl der Antworten 4 Antworten
Ist es Weise zu erstellen inset border radius und css3? (Ohne Bilder) Brauche ich einen border-radius: InformationsquelleAutor der Frage Serhiy | 2012-06-14

CSS erleuchtet untergeordnete Elemente beim übergeordneten Mouseover

Anzahl der Antworten 3 Antworten
hier ist mein problem. Ich habe eine div mit zwei anderen divs: im Grunde eine für header, eine für den Inhalt. Möchte ich erleichtern (änderung alpha-Ebene, oder irgendeiner anderen Methode wird begrüßt), wenn der Benutzer die Maus

Wie wird die div-Größe für alle Displayformate für Handys / Tablets automatisch angepasst?

Anzahl der Antworten 9 Antworten
Habe ich entwarf eine Seite, wo vier div tags gibt es auf der Seite. Wenn ich die Seite testen im Handy (5 Zoll), passt die Seite perfekt, Wenn ich Teste die gleiche Seite in tablet-die Seite passt