Tag: css3

CSS-Übergang - zwei Richtungen?

Anzahl der Antworten 3 Antworten
Hier ist ein grobes Beispiel zu helfen, zu zeigen, was ich möchte: http://jsfiddle.net/GVaNv/ Ich Frage mich, ob es eh das overlay-Bild transition von der linken Seite, aber dann lassen Sie von der rechten Seite. Also, auf zu

webkit-box vs boxflex

Anzahl der Antworten 2 Antworten
Ich habe vor kurzem lief über ein tutorial, wo der Lehrer benutzt diese syntax: display: -webkit-box; http://www.youtube.com/watch?v=B-MNkBh7F2A @ 2:30 (erstellt aug 2012) Hatte ich nicht gesehen vorher und begann zu versuchen zu finden, einige Informationen über Sie.

Verschwommen text auf Chrome bei der Verwendung von CSS -webkit-transform

Anzahl der Antworten 2 Antworten
Ich bin mit -webkit-transform: skew(-15deg, 0deg); skew ein div, und dann -webkit-transform: skew(15deg, 0deg); zu Schräglagenkorrektur den text-mit Kind. Die Neigung sieht hässlich und pixlated in google chrome, so dass ich mit -webkit-backface-visibility: hidden; machen es OK

Wie man flexbox auf die padding in den Berechnungen?

Anzahl der Antworten 3 Antworten
Unten sind zwei Zeilen. Ersten Zeile ist, die zwei Elemente auf flex 1 und einer an flex 2. Zweiten Reihe ist, die zwei Elemente auf flex 1. Laut spec 1A + 1B = 2A Aber wenn Polsterung

Media queries funktioniert nicht

Anzahl der Antworten 2 Antworten
Weiß jemand, warum mein media queries code nicht funktioniert ? <div class="box"></div> .box { background-color: red; width: 100%; height: 50px; } @media only screen and (max-device-width: 768px) { .box {border: 5px solid blue;} } http://jsfiddle.net/N9mYU/ InformationsquelleAutor user2013488

CSS Custom Dropdown Auswählen, das funktioniert in allen Browsern IE7+ FF Webkit

Anzahl der Antworten 6 Antworten
Ich würde gern eine benutzerdefinierte dropdown-Liste, funktioniert auf allen Browsern. Erstellt habe ich einen hier, aber der Pfeil ist nicht anklickbar. Wenn ich es als hintergrund für das wählen, dann wird firefox überschreiben ein Pfeil oben drauf.

So fügen Sie eine Grenze, um nur den Prozentsatz der Breite des Elements, CSS-Trick

Anzahl der Antworten 2 Antworten
Die Frage... Wieder einmal bin ich auf der Suche für einen coolen CSS-trick, um mir zu helfen, um die Wirkung erzielen, ohne dass die Verwendung von unsauberen HTML... Folgende Bild zeigt, was ich versuche zu erreichen, beachten

Alle Artikel haben die gleiche Breite wie das breiteste element

Anzahl der Antworten 3 Antworten
Möchte ich zum erstellen dieser layout: Wenn ein Element nicht in den Behälter passen, können wir bewegen auf die nächste Zeile: Wenn der container die kleinen als die größeren posten, wir können wickeln Sie den Inhalt in

How-to erstellen Sie abgerundete Ecken an Tisch Kopf nur

Anzahl der Antworten 3 Antworten
Ich würde gerne wissen, wie zum erstellen einer abgerundeten Ecken, die auf einem Tisch Kopf nur??? Zusätzliche detail... ich will eine rouded Spitze der Tabelle, der rest der Tabelle ist ein Rechteck, nur der erste header-Zeile sollte

Reaktionsschnell: die Größe Hintergrundbild im div

Anzahl der Antworten 3 Antworten
Bin ich mit dem code unten, um ein Bild als hintergrund in einem div. Wie kann ich die Größe ändern? #header { height: 255px; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; background-position: 50% 50%; background-image: url('../simg/header.png'); } InformationsquelleAutor acctman | 2012-08-28

wie, um text-zoom-Effekt in css

Anzahl der Antworten 3 Antworten
Möchte ich zu vergrößern, den text so wie diese. aber in diesem text opacity:0. Ich habe nicht zu verbergen von text die Opazität des Textes:1 und ich will keine box, wie das nur-text wäre zoom Ich habe

CSS glatte bounce-animation

Anzahl der Antworten 3 Antworten
Ich brauchte, um zu realisieren unendliche bounce-Effekt mit reinem CSS, also bezog ich mich diese Website und endete damit, dass diese. CSS: .animated { -webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: linear; animation-timing-function: linear; animation-iteration-count:

Wie das ein-und ausblenden eines div mit CSS?

Anzahl der Antworten 4 Antworten
In meinem Skript gibt es drei divs. Ich möchte die Anzeige div mit class="ab" wenn ich bewegen Sie den Mauszeiger auf die erste Zeile und Anzeige-div mit class="abc" beim schweben auf der zweiten Linie. Ansonsten möchte ich

Wie kann ich die Farbe ändern von label-mit * im text

Anzahl der Antworten 5 Antworten
Habe ich Etiketten wie diese <label> User Type*: </label> Nun gibt es eine Möglichkeit zum ändern der Farbe der Beschriftung auf rot, wenn Sie text enthält, * in der es nur mit CSS Alles was ich tun

Eine gute HTML5/CSS3-editor

Anzahl der Antworten 6 Antworten
Ich habe vor kurzem umgestellt von Aptana Studio 2 zu Aptana Studio 3 (sowohl als Eclipse [Helios] plugin), mit der Hoffnung, dass die neue version bringt HTML5 - /CSS3-Unterstützung, aber so weit, der support war teilweise am

CSS HTML - DIV-Höhe füllen verbleibenden Platz

Anzahl der Antworten 9 Antworten
Also ich habe ein layout wie diese: CSS: div { border: 1px solid } HTML: <div id="col_1" style="float:left;width:150px;">1</div> <div id="col_2" style="float:left;width:100px;">2</div> <div id="col_3" style="float:left;width:<REMAINING_WIDTH>;">3</div> col_1 und col_2 dauern, bis eine Feste Menge an Speicherplatz. Ich will die

Stellen Sie die erste Spalte fixiert und der rest Scrollbar in einer Tabelle

Anzahl der Antworten 1 Antworten
In meiner Tabelle möchte ich fixieren der ersten Spalte und den anderen Spalten, Scrollbar, wenn der td überläuft. Habe ich versucht hier in jsfiddle aber es funktioniert nicht wie erwartet. kann es 100 Zeilen. Brauche ich ersten

Gibt es eine CSS :sichtbar (scroll) - Selektor?

Anzahl der Antworten 5 Antworten
Will ich ändern den Stil der sichtbaren Elemente mit CSS. Gibt es einen Selektor, der es tut? Es muss funktionieren mit Chrome und Firefox nur. (Ich bin Gebäude eine Erweiterung /addon) Wenn es nicht ist, gibt es

css @-moz-keyframes animation funktioniert nicht auf firefox 18.0.1

Anzahl der Antworten 2 Antworten
css @-moz-keyframes animation auf firefox 18.0.1 nicht funktioniert, Ich habe diese animation auf der vorherigen version( version vergessen vorhergehenden Zahl) , es war die Arbeit, Hier ist die animation <html> <head> <style type="text/css"> @-webkit-keyframes animation { 0%

Hinzufügen übergang beim laden einer web-Seite

Anzahl der Antworten 5 Antworten
Ist es möglich, den übergang wie beim laden einer web-Seite wie beim hover ein div mit der übergangs-Effekt. Beispiel: cubeupload.com InformationsquelleAutor Asme Just | 2013-04-29

Wie kann ich äußere abgerundete Ecken, um einen div?

Anzahl der Antworten 6 Antworten
Ich bin auf der Suche hinzufügen "äußeren" abgerundete Ecken, um die ausgewählten sidebar-Element, um die Wirkung, die dieses Element ist "Gießen" in die Inhalte gut. In meinem Beispiel unten möchte ich die .top haben eine abgerundete Ecke

Finden erste scrollbare Eltern

Anzahl der Antworten 7 Antworten
Habe ich diese situation, in der ich scrollen zu müssen) ein element in den viewport. Das problem ist, dass ich nicht weiß, welches element ist die durchlaufbaren. Zum Beispiel in der Porträt-der Körper ist die durchlaufbaren und

Hinzufügen von google material design icon in css pseudo :nach Inhalt

Anzahl der Antworten 3 Antworten
Ich wollte nur hinzufügen, einige von googles material design Symbole auf den Inhalt ein link auf hover: a:hover::after { content: "<i class="material-icons">link</i>" } aber es funktioniert nicht, bitte Lesen Sie meine fiddle. das ist nicht wie die

Ausrichten von Elementen Links und in der Mitte mit flexbox

Anzahl der Antworten 6 Antworten
Ich bin mit flexbox zu richten, mein Kind-Elemente. Was ich tun möchte-center ein element und lassen Sie die anderen ausgerichtet, um den sehr linken. Normalerweise würde ich nur die Links-element mit margin-right: auto. Das problem ist, dass

Gradient text-Farbe

Anzahl der Antworten 6 Antworten
Gibt es einen generator , oder eine einfache Möglichkeit zum generieren von text, wie diese, ohne jedoch zu definieren jeder Brief So etwas wie dieses: CSS: .rainbow { background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22),

Content anzeigen, wenn die Maus über den DIV

Anzahl der Antworten 4 Antworten
Ist es möglich den Inhalt anzeigen, wenn die Maus über den DIV. Sehen Bild Wenn ich die Maus über dem div, der übergang stattfindet, aber ist es möglich Inhalte in den Schwebeflug div, ie. Bilder etc html

Flexbox funktioniert nicht auf den button oder fieldset-Elemente

Anzahl der Antworten 2 Antworten
Ich versuche, Zentrum innere Elemente einer <button>-tag mit flexbox ist justify-content: center. Aber Safari nicht center Sie. Ich kann den gleichen Stil zu jedem anderen tags und es funktioniert wie vorgesehen (siehe <p>-tag). Nur der button ist

Warum diese CSS3-übergang auf Höhe funktioniert nicht

Anzahl der Antworten 3 Antworten
Habe ich die Arbeit in einem Akkordeon, aber für einige ungerade Grund, warum der folgende code: <style> .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height .35s ease; -moz-transition: height .35s ease; -o-transition: height .35s ease;

CSS margin-top funktioniert nicht

Anzahl der Antworten 4 Antworten
http://anonoz.com/armesh//contact_form/ Den obigen link zeigt ein Kontaktformular, das ich mache. Ich bin versucht zu machen, wie das Bild in der rechten. Ich habe zu dem text "Versuchen uns Heute" ein margin-top von 20px. HTML: <body> <div id="form_container">

box-shadow auf der Oberseite der Kinder

Anzahl der Antworten 3 Antworten
Wie bekomme ich ein inset CSS3 box-shadow zu Rendern, auf der Oberseite der Kinder-Elemente? Problem: HTML: <div id="chatroom"> <div class="chatmessage"><b>User 1:</b>Test</div> <div class="chatmessage"><b>User 2:</b>Test</div> <div class="chatmessage"><b>User 1:</b>Test</div> <div class="chatmessage"><b>User 2:</b>Test</div> </div> CSS: #chatroom{ border: 1px solid #CCC;

CSS animation - Animieren Bild von Links nach rechts und Zunehmender Höhe entlang einer abgewinkelten Pfad

Anzahl der Antworten 2 Antworten
Im moment bin ich mit css animation, um ein Bild von der linken zu der rechten Seite des Bildschirms. Dies funktioniert ohne Problem. Was ich tun möchte, ist eigentlich die animation zu starten, in einer bestimmten Höhe

Scrollbare div-stick nach unten, wenn die äußeren div-änderungen in der Größe

Anzahl der Antworten 5 Antworten
Hier ist ein Beispiel-chat-app -> Die Idee hier ist, um die .messages-container nehmen so viel von dem Bildschirm, wie Sie können. Innerhalb .messages-container, .scroll hält die Liste der Nachrichten, und in Fall gibt es mehr Nachrichten, die

Warum sind die flex-Elemente nicht umbrechen?

Anzahl der Antworten 2 Antworten
Ich bin versucht, mehrere Reihen von Quadraten (3 pro Zeile), die die gleiche Höhe haben. Ich geschrieben habe, einige HTML-und CSS aber die Boxen gehen alle auf der gleichen Linie. Hier ist, was ich habe, so weit:

CSS3 Animieren von :hover

Anzahl der Antworten 3 Antworten
Ich bin einrichten einer einfachen animation, die bringt ein wenig zusätzliche Informationen, wenn Sie die Maus über ein Bild. Die jQuery-backup-Teil ist geschrieben und funktioniert gut, obwohl das Problem, das ich habe Probleme mit ist, die CSS3

Text vertikal und horizontal zentriert über eine ansprechende Bild

Anzahl der Antworten 3 Antworten
Ich bin auf der Suche nach text zentrieren vertikal und horizontal über ein Bild, das wächst, wenn die Seite breiter. Ursprünglich hatte ich das Bild als hintergrund für ein div der eine Feste Höhe, in dem Fall

Tut IE9 nicht unterstützt display: inline-flex überhaupt?

Anzahl der Antworten 1 Antworten
Habe ich gesucht um StackOverflow und auch sonst wo zu finden, wenn display: inline-flex; funktioniert im IE9. Ich habe eine Frage, bevor diese, wenn ich Schwierigkeiten hatte, mit dem ausbau eine Breite dynamisch, die Frage hier. Die

css3 scale Transformation in übergeordnete div-Element aber halten die Konstante Größe in einige der zugehörigen divs

Anzahl der Antworten 4 Antworten
Ich bin mit css3 skalieren, transformieren, skalieren div mit anderen divs. Das problem, das ich habe, ist, dass einige der inneren divs, die ich brauche zu halten, wie Sie waren, im Grunde so, als wenn Sie wurden

Ändern Sie die Polsterung auf hover in CSS

Anzahl der Antworten 1 Antworten
Ok Leute, noob hier, Schreibe meine erste joomla-Modul (oder es versucht ja eh keiner!). Bekommen erstaunlich weit, aber ich habe einige Probleme mit meinem css-styling, ich bin sicher das seine zu tun, mit meiner Wähler und mein

Wie man responsive Festen Header mit CSS 3 und html5

Anzahl der Antworten 2 Antworten
Ich versuche, eine einfache und ansprechende Gestaltung. Ich bin in der Lage, um das #container und #content reaktionsschnell Weg, aber der Feste #header bleibt im Ort und überläufe beim ändern der Größe des browser-Fensters. Gibt es trotzdem

<textarea> mit horizontal rule

Anzahl der Antworten 2 Antworten
Kennt jemand eine Möglichkeit zur Erstellung von horizontalen Regeln innerhalb einer <textarea> ohne über einen hintergrund-Bild? CSS3 wäre in Ordnung. Ich kann bodge ein Bild fallback für den IE, falls erforderlich. Beispiel: InformationsquelleAutor Turnip | 2012-02-27

Halten, hintergrund, Bild unten

Anzahl der Antworten 5 Antworten
Ich arbeite mit einer Lösung für die Aufbewahrung von Bildern ganz unten auf der Seite. Den code hab ich momentan habe ist: .footer { background-image: url('images/footer.png'); background-repeat: repeat-x; position: absolute; height: 950px; width: 100%; z-index: -101; bottom:

Zwingen Kind zu gehorchen, Eltern gekrümmten Ränder in CSS

Anzahl der Antworten 4 Antworten
Ich habe ein div in einem anderen div. #outer und #inner. #outer hat geschwungene Ränder und einen weißen hintergrund. #inner hat keine Gebogenen Ränder und einen grünen hintergrund. #inner erstreckt sich über die gekrümmte Grenzen #outer. Gibt

Meine hintergrund Bilder laden schneller

Anzahl der Antworten 6 Antworten
http://www.leona-anderson.com body { background: url(http://leona-anderson.com/wp-content/uploads/2014/10/finalbackgroundMain.png) fixed; background-size:100% auto; } Habe ich eine andere Hintergrund-Bilder auf jeder einzelnen Website ein, da Sie 1080p nehmen Sie ein bisschen, um zu laden. Ich benutze wordpress Version 4.0.5 mit minamaze Thema.

Beste Weg, zu maskieren Sie ein Bild in HTML5

Anzahl der Antworten 4 Antworten
Ich Frage mich, was ist der beste Weg, zu maskieren von Bildern in HTML 5 ? In der Tat würde ich mag, um anzuzeigen, Kreis thumbnails in einer Galerie, ohne dass mein client mit der Vorbereitung der

iOS Deaktivieren, Seite Scrollen bei overflow-scrolling: touch

Anzahl der Antworten 1 Antworten
Also sagen wir, wir wollen eine webapp fühlen Sie sich wie eine native app mit "Hinzufügen zum Home-Bildschirm". Einer der ersten Schritte ist, deaktivieren Sie das standardmäßige scrollen. Einfach, nicht wahr? //window or document window.addEventListener("touchmove", function(event) {

CSS :last-child

Anzahl der Antworten 3 Antworten
Ich habe eine div#content mit vielen div.item drin. Bei der Verwendung von :last-child um die letzten div.item ohne border-bottom ist, ist es OK. Aber, der Inhalt ist dynamisch angehängt mit php und mysql-Ergebnisse ich bin mit einem

Spitz/abgewinkelt Pfeil-Stil die Grenzen von CSS

Anzahl der Antworten 3 Antworten
Ich habe ein breadcrumb-Menü und versuchen, es zu tun in reinem CSS, damit ich nicht in ein hintergrund-Bild, um einen Pfeil-Form. Ist es möglich, dies zu erreichen, abgewinkelt border-style mit reinem CSS? Die besten, die ich in

CSS: Wie verwenden von calc(100% - 20px), um eine Fläche zu füllen, bis alle ANDEREN Bereich als bei einem fixed-width-element?

Anzahl der Antworten 1 Antworten
Entschuldigung für die verworrene Titel. Hier ist mein fiddel: http://jsfiddle.net/PTSkR/152/ Wenn Sie ziehen Sie den Ergebnisbereich aus, der breiter ist, können Sie sehen, die blauen Bereiche springen. Sie sollen immer das tanken, was Bereich der sidebar (Breite:

Ist es möglich um einen negativen Wert mit CSS calc()?

Anzahl der Antworten 4 Antworten
Sagen wir, wir haben einen container, der zentriert im viewport ... .centered{margin: 0 auto; width:960px;} ... und in dem container habe ich ein anderes, dass muss eine Breite von 100% der viewport-Breite. Ich könnte die Marge ...

CSS-Media-Query min-width funktioniert nicht richtig

Anzahl der Antworten 3 Antworten
Habe ich eine HTML wie: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Code: NewYork</title> <link rel="stylesheet" href="test.css" /> </head> <body data-ng-app="us"> <input type="text" /> </body> </html> und mein