css-shapes
Jak działają Trójkąty CSS?
Jest mnóstwo różnych kształtów CSS na sztuczki CSS-kształty CSS i jestem szczególnie zaskoczony trójkątem:
#triang ... transparent;
border-bottom: 100px solid red;
}
<div id="triangle-up"></div>
Jak i dlaczego to działa?
Tworzenie menu w CSS
Jak utworzyć menu, które wygląda tak...
Link do PSD
Nie chcę używać obrazów PSD. Wolałbym używać ikon z jakiegoś pakiet ...
Wersja menu, która używa PSD do generowania obrazów podpowiedzi Narzędzia, a następnie za jego pomocą można znaleźć tutaj .
Jak animować rysunek tekstu na stronie internetowej?
Chcę mieć stronę internetową, która ma jedno wyśrodkowane słowo.
Chcę, aby to słowo było rysowane za pomocą animacji, tak a ... ione z JavaScript lub CSS. Brak jQuery byłby miły, ale nie wymagany.
How can I do to? Szukałam wyczerpująco bez powodzenia.
Jak ten CSS tworzy okrąg?
To jest CSS:
div {
width: 0;
height: 0;
border: 180px solid red;
border-radius: 180px;
}
Jak powstaje koł ... zmiar promienia wzrośnie.
Czyli jak obramować 180 pikseli z height/width-> 0px stać się okręgiem o promieniu 180 pikseli?
Generuj powtarzający się sześciokątny wzór za pomocą CSS3
Więc, muszę zrobić powtarzający się sześciokątny wzór, używając CSS. Jeśli obrazy są potrzebne, mogę tam pójść, ale wolałbym ... tanie określić dokładnej lokalizacji tekstu lub obrazów, których potrzebuję w określonych kształtach. Z góry dzięki za pomoc.
Jak utworzyć łezkę w HTML?
Jak stworzyć taki kształt do wyświetlenia na stronie internetowej?
Nie chcę używać obrazów ponieważ będą się rozmazywać p ... na część nie była zakrzywiona.
Czy istnieje sposób na stworzenie tego kształtu, aby można go było wykorzystać w strona HTML?
Jak użyć CSS, aby otoczyć liczbę kółkiem?
Chciałbym otoczyć liczbę w kółko jak na tym obrazku:
Czy jest to możliwe i jak jest to osiągnięte?
Łatwiejszy sposób tworzenia Circle div niż użycie obrazu?
Zastanawiam się, czy jest łatwiejszy sposób na tworzenie okrągłych div niż to, co robię teraz.
Obecnie robię tylko obrazek d ... ego innego rozmiaru, ale to irytujące.
Czy istnieje użycie CSS do tworzenia divów, które są okrągłe i mogę określić promień?
Jak narysować Sektor okręgu w CSS?
Cóż, rysowanie okręgu czystym CSS jest łatwe.
.circle {
width: 100px;
height: 100px;
border-radius: 100px;
b ... t 50%)');
}
// Rotate to meet the start degree
activeBorder.css('transform','rotate(' + startDeg + 'deg)');
});
Przezroczysta strzałka/Trójkąt wcięty nad obrazem
Chciałbym zrobić przezroczystą strzałkę nad obrazem . Trójkąt ten powinien być wcięty w półprzezroczysty blok i pokazywać obr ... : -20px;
}
<div class="barShow"></div>
Przezroczysta Strzałka CSS powinna być przezroczysta bez koloru.
Przezroczysta strzałka / Trójkąt wcięty
Chciałbym zrobić przezroczystą strzałkę nad obrazem . Trójkąt ten powinien być wcięty w półprzezroczysty blok i pokazywać obr ... : -20px;
}
<div class="barShow"></div>
Przezroczysta Strzałka CSS powinna być przezroczysta bez koloru.
Jak mogę utworzyć "ogon podpowiedzi" za pomocą czystego CSS?
Właśnie natknąłem się na zgrabną sztuczkę CSS. Spójrz na skrzypce...
.tooltiptail {
display: block;
border-color: ... id;
border-color: transparent #ffffff transparent transparent;
position:absolute;
left: -18px;
top: 8px;
}
Kontrola długości obrysu krawędzi i odległości między obrysami
Czy można kontrolować długość i odległość między przerywanymi obrysami w CSS?
Poniższy przykład wyświetla się różnie między ... ce: IE 11 / Firefox / Chrome
Czy są jakieś metody, które mogą zapewnić większą kontrolę nad wyglądem przerywanych granic?
Przezroczysty tekst wycięty z tła
Czy Jest jakiś sposób, aby przezroczysty tekst wycięty z efektu tła, takiego jak ten na poniższym obrazku, za pomocą CSS?
Był ... ślałem o cieniach, ale nie mogę nic wymyślić...
Obraz jest tłem strony, absolutnym pozycjonowanym <img> znacznikiem
CSS Speech Bubble with Box Shadow
Tworzenie DIV, który używa CSS do narysowania trójkąta w lewo. Próba zastosowania jednolitego cienia pola zarówno do element ... ;
border-color: transparent #F2F2F2 transparent transparent;
-webkit-box-shadow: 0px 0px 6px #B2B2B2;
}
css: jak narysować okrąg z tekstem pośrodku?
Znalazłem ten przykład na stackoverflow:
Rysowanie okręgu za pomocą samego css
Co jest świetne. Ale chciałbym wiedzieć, ... >1</div>
Zamiast a koło, mam owalny kształt.
Próbuję pogrywać z kodem, żeby zobaczyć, jak uda mi się go uruchomić.
Kształt ze Skośnym bokiem (responsywny)
Próbuję stworzyć kształt jak na poniższym obrazku z ukośną krawędzią tylko po jednej stronie (na przykład od dołu), podczas ... adient"></div>
Jak mogę stworzyć ten kształt ze Skośnym bokiem , a także móc obsługiwać dynamiczne rozmiary ?
Pionowe i poziome centrowanie tekstu w okręgu w CSS (jak plakietka powiadomienia iphone)
Szukam sposobu na zrobienie plakietki typu cross-browser w CSS3. Oczywiście chciałbym użyć jednego div do tego, ale alternaty ... d Steven):
No JavaScript
brak zniekształcania właściwości display do komórki tabeli, która ma wątpliwy status wsparcia
CSS triangle custom border color
Próba użycia niestandardowego koloru szesnastkowego dla mojego trójkąta css (border). Jednak ponieważ używa właściwości grani ... parent transparent #CAD5E0;
border-style: solid;
border-width: 10px;
}
Moje skrzypce: http://jsfiddle.net/4ZeCz/
Responsywna siatka sześciokątów
Załadowałem wiele zdjęć na mojej stronie z Internetu. Czy możliwe jest nadanie wszystkim tym obrazom kształtu sześciokąta w ... aduje losowe obrazy z internetu z jQuery, więc nie mogę używać obrazów tła.
Próbowałem tego: http://jsfiddle.net/8f5m5wv0/