Tag: css3

Ich bin Schwierigkeiten bei der Herstellung eines nahtlos animierten gestreift, div, wie ein Fortschrittsbalken. CSS: .animationStripes{ width: 300px; height: 50px; background-image: repeating-linear-gradient(-45deg, rgb(0, 0, 0), rgb(0, 0, 0) 25px, blue 25px, blue 50px); -webkit-animation:progress 2s linear infinite;

Ich habe eine web-Seite, die lädt einige Daten über einen jquery-post alle 30 Sekunden, wird der jquery-post abrufen wird der Anker in einer tab-form, so dass, wenn die jquery funktioniert das aktualisieren der Anker ist für immer

Weiß jemand einen workaround für den folgenden " bug " in Safari? Wenn ich border-radius zu erstellen, gerundeten Grenzen in CSS3 ist es genauso gut funktioniert auf Safari, FF und so weiter. Aber wenn der border-color wird

Etwas wie: <md-toolbar> <div class="md-toolbar-tools"> <paper-icon-button icon="arrow-back" nav-to="{{$root.navTo}}"></paper-icon-button> <span flex>{{$root.title}}</span> </div> </md-toolbar> Aber wenn $root.title ist sehr lang, der text wird nur wickeln Sie auf mehrere Zeilen. Was ich will, ist die Wirkung von text-overflow: ellipsis;, aber

Wie konnte ich wählen Sie die 1., 4., 7. Elemente und so weiter ?! auch, wie Sie die 3., 6., 9. und so weiter? das Muster auswählen und das element dann aus zwei und der Auswahl des

Ich arbeite an einer web-Anwendung für tablets(für android und ios), und ich bin mit einem problem konfrontiert, welches gebe mir Mühe für 2 Tage schon. Das problem ist, dass auf android, wenn Sie im portrait-Modus und zum

Geht man hier - http://djangocon.us/. Ganz oben auf der djangocon-logo ist da. Dieses logo ist der gesamte text & der text ist wie innen gedrückt. Es Art von fühlt sich an wie es ist schon geschnitzt. Habe

Ich habe Folgendes HTML: <div class="rotate"></div>​ Und die folgenden CSS: @-webkit-keyframes rotate { to { -webkit-transform: rotate(360deg); } } .rotate { width: 100px; height: 100px; background: red; -webkit-animation-name: rotate; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; }​ Möchte

Ich bin mit der Technik hier beschrieben um einen iframe (video) reagiert. Im wesentlichen der iframe ist absolut positioniert in einem wrapper-element mit 100% Breite. Die wrapper-element hat padding set, basierend auf dem Seitenverhältnis des Videos: .embed-responsive

Brauche ich etwas Hilfe mit meinen button. ich will, wenn ich auf den button (Klick mich) die hidden-div zu sehen sein sollte, aber nach einigen Sekunden meine versteckten div automatisch ausblenden. Danke !! Hier der code :

Soweit ich in der Lage gewesen, sich zu versammeln, wenn die Arbeit mit IE10 /IE11 ich sollte in der Lage sein, die Verwendung der standardisierten flex-Bezug. Ich habe einen div-container und 2 child-divs. Den 2 child-divs sind

Meine grundlegende layout ist einfach: <header></header> <main></main> <footer></footer> Wenn ich meine Fußzeile position:fixed es hält sich an der Unterseite der Seite, aber ist ein "sticky" footer und bedeckt content beim scrollen erforderlich ist. Ich würde gerne zu

Gespannt, ob jemand da draußen war in der Lage zu ändern, die CSS3-übergänge verwendet werden, mit jquery Isotope, um eine Verzögerung hinzufügen, wie die Elemente shuffle mit so etwas wie "transition-delay: 0s, 1s;". Ich würde gerne shuffle

Angenommen ich habe einen anklickbaren komplexe div - element-Struktur, die links zu einer anderen Seite wie folgt. Dies ist die Sache, die erreicht wird, die sich derzeit auf klicken Sie auf. Auf klicken (css :active-Zustand) ändern der

Ich versuche, fügen Sie eine such-Eingang und drei Tasten auf der gleichen Zeile in der jQuery-Mobile, aber es entpuppt sich als wirklich frustrierend. Hier ist der code, den ich versuche: <div data-role="header" class="header"> <input type="search" name="search" id="search-header"

In der Tat habe ich fast Erfolg: Ich habe eine div benötigt, um bounce : <div class="container"> <div class="flipcard transition allowhover"> <h1>This is card</h1> </div> </div>​ dann verwende ich css3 animieren zu erreichen bounce-Effekt: .container{ width: 100%;

Ich versuche zu behandeln, ein Bild der gleichen Art, wie es ist in eine photoshop-Datei - desaturating das Bild in Graustufen um, und wendet dann eine Farbüberlagerung mit einer Füllmethode "multiplizieren". Zu diesem Zweck bin ich styling

Kann jemand mir helfen, zu erstellen Sie eine javascript? Lassen Sie mich erklären, ich habe 2 divs 1) linke div-Breite 85% 2) die Rechte div-Breite 15% da ist also was ich ändern will Breite für den linken

Warum muss jede Zeile einen roten hintergrund wenn ich mit nth-child(odd)? <div id="ClientTable"> <div class="ClientTableHeaderRow"><span class="ClientTableHeaderColumn">Full Name</span></div> <div class="ClientTableRow"><span class="ClientName">Umpa Beeson</span></div> <div class="ClientTableRow"><span class="ClientName">Umpa Beeson</span></div> <div class="ClientTableRow"><span class="ClientName">Umpa Beeson</span></div> <div class="ClientTableRow"><span class="ClientName">Umpa Beeson</span></div> </div>​ #ClientTable {position: relative;

hier ist im Grunde meine html-Struktur der content-Bereich ist der Teil, das will ich mittig zwischen Kopf-und Fußzeile, so dass Sie auf allen Auflösungen, die in der Mitte. Ich habe versucht, mit dem Tisch-Methode, wo du ein

Ich habe zwei Hintergründe: body { background-image: url(img/nemo.png),url(img/ocean.png); } Wie mache ich nemo.png background bewegen unendlich von Links nach rechts, aber nicht auf ocean.png background? EDIT:, Wenn er an den rechten Rand (und das Bild ist nicht

Ich habe eine swf-Datei auf meine Website, und es funktioniert nicht auf Iphone/Ipad Gibt es eine Möglichkeit, dies zu behandeln .swf-Datei in mein code zu arbeiten Dank Ist das eine ernste Frage? Bitte einfach bei Google nach

<div class="box1"> <video preload="auto" autoplay loop muted="muted" volume="0"> <source src="videos/splash4.mp4" type="video/mp4"> </video> </div> **This is the css** .box1{ width:100%; height:800px; } So, wie dieses video passt zu den Div? wie http://www.google.com/nexus/7/ Haben Sie dies versuchen?: .box1 video

Möchte ich den hintergrund unscharf einer div. Ich kann nur Lösungen finden, die für Bilder als hintergrund, nicht die HTML-Elemente. Es ist für den mobilen Einsatz so CSS3 ist kein problem. Ich habe eine JSfiddle zusammen zeigen,

Ich kann nicht scheinen, um herauszufinden, viele Informationen über diese. Das Smashing Magazine scheint zu sagen, dass html und :root sind die gleiche Sache, aber sicherlich muss es einen kleinen Unterschied? InformationsquelleAutor sanjaypoyzer | 2013-04-09