css-shapes
Jak narysować okrąg na stronie html?
Jak narysować okrąg za pomocą HTML5 i CSS3?
Czy możliwe jest również umieszczenie tekstu wewnątrz?
Jak zrobić strzałkę Szewronową za pomocą CSS?
Ok, więc każdy wie, że można zrobić trójkąt za pomocą tego:
#triangle {
width: 0;
height: 0;
border-left: 50px s ... transparent;
border-bottom: 100px solid red;
}
I to tworzy solidny, wypełniony Trójkąt. Ale jak zrobiłbyś taki trójkąt?
Jak zrobić fantazyjną strzałkę za pomocą CSS?
Ok, więc każdy wie, że można zrobić trójkąt za pomocą tego:
#triangle {
width: 0;
height: 0;
border-left: 50px ... ansparent;
border-bottom: 100px solid red;
}
I to tworzy solidny, wypełniony Trójkąt. Ale jak zrobiłbyś taki trójkąt?
Rysowanie okręgu za pomocą samego css [duplikat]
To pytanie ma już odpowiedź tutaj:
Jak narysować okrąg na stronie html?
...
Czy możliwe jest rysowanie okręgu tylko za pomocą css, który może działać na większości przeglądarek (IE, Mozilla, Safari)?
Tworzenie projektu pioruna (jak Flash)
Próbuję odtworzyć symbol błyskawicy z Flasha (DC Comics) (lub koszulki noszonej przez Sheldona Coopera Big Bang Theory) W C ... byłem w stanie naucz się tego ze względu na ograniczenia czasowe, więc wolałbym użyć "tego, co wiem, jak używać", czyli CSS)
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?
Animacja ładowania kół
Próbuję stworzyć animację ładowania kół Apple OS X.
Co próbowałem do tej pory:
.animation-wrapper {
width: 200px ... SVG bez mieszania ich, jak to zrobiłem?
A może są inne rozwiązania, których mogę użyć, jak canvas lub jakaś magia obrazu?
Cut Corners using CSS
Szukam "wyciąć" lewy górny róg div, jak gdybyś złożył róg strony w dół.
Chciałbym to zrobić w czystym CSS, czy są jakieś metody?
Kształt CSS 3: "odwrócony okrąg" lub " Wytnij okrąg"
Chcę stworzyć kształt, który określiłbym jako "odwrotne Koło":
Obraz jest w jakiś sposób niedokładny, ponieważ czarna lin ... cy elementu div.
Oto demo tego, co mam w tej chwili: http://jsfiddle.net/n9fTF/
Czy to w ogóle możliwe z CSS bez obrazów?
Linia przed i po tytule nad obrazem [duplikat]
To pytanie ma już odpowiedź tutaj:
technika CSS dla poziomej linii ze słowami w środku
... ciągać się na kilka linii
h1 {
text-align: center;
border-bottom: 1px solid #000;
}
<h1>Today</h1>
Jak zrobić płynną przerywaną animację rotacji obramowania jak "maszerujące mrówki"
Pracuję nad animacją css, która wykorzystuje "tryby i łańcuchy", ale nie jestem w stanie stworzyć "gładkiej" sekwencji obróce ... ało to tak, jakby bieg obracał łańcuch, ale teraz wyglądają jak całkowicie (i źle zrobione) animacje oddzielnych elementów
Napełnianie wodą
Próbuję uzyskać animację wytarcia, aby okrąg wyglądał tak, jakby wypełniał się wodą . Natknąłem się na dwa błędy i nie byłem ... >
</div>
Nadanie mu domyślnej pozycji maski jako@anpsmn sugerowane, nie powoduje resetowania go do czerni.
Kształt trójkąta z obrazem tła
Pracuję nad projektem, który wymaga, aby dwa trójkąty trzymały obrazy tła i były linkami.
Oto moja makieta dla tego, jak c ... photo" id="weddingPhoto"></a>
<a href="#" class="option cinema" id="weddingCinema"></a>
</div>
Jak zrobić trójkąt 3-narożny w CSS
Chciałbym uzyskać taki niestandardowy kolorowy kształt bez Javascript:
Obecnie nakładam obraz "ramki" na pomarańczowy prost ... mógłbym użyć dynamicznie generowanego elementu canvas, ale wymaga to nie tylko obsługi js, ale HTML5 canvas. Jakieś pomysły?
Nakładające się okręgi w CSS z 1 div
Chcę stworzyć ten nakładający się kształt okręgów w CSS:
Zasadniczo, po prostu ułożone kółka. Rozejrzałem się i wszystkie ... ilka ćwierć księżyców i gotowe. Jednak nie mogę wymyślić, jak narysować te kształty księżyca w moim div w kształcie kapsułki.
Jak narysować znacznik / zaznaczenie za pomocą CSS?
Jak losowanie symbol kleszcza za pomocą CSS? Symbole używające Unicode nie są estetyczne.
Edytuj
Czcionki ikon to świetna propozycja. Szukałem czegoś w rodzaju tego .
Bańka mowy ze strzałką
Mam projekt, w którym muszę wstawić bąbelki mowy / skrzynki wiadomości . Ogólny kształt staram się osiągnąć jest ten:
... obramowania lub cienia pola wokół niego, gdy potrzebne jest podkreślenie
Jest czy w ogóle jest rozwiązanie tych problemów?
Przezroczyste puste lub wycięte koło
Czy jest możliwewyciąć puste Koło używając tylkoCSS ?
To możemy zrobić wszyscy:
Ale czy możemy to zrobić?
Okrąg musi ... ć pusty i przezroczysty . W związku z tym problem nie jest rozwiązany poprzez umieszczenie jednolitego okręgu koloru nad div.
HTML5 / CSS3 Circle with Partial Border
Czy można utworzyć okrąg używając tylko HTML5 / CSS3, który ma obramowanie, które tylko częściowo przebiega wokół okręgu? Jeś ... yć, aby osiągnąć ten efekt? Wolałbym używać czystych elementów DOM, ale jeśli muszę, mogę rysować na płótnie lub obracać SVG.
Jak przekrzywić element, ale zachować tekst w normie (unskewed)
Czy możliwe jest odtworzenie tego obrazu przy użyciu tylko CSS?
Chcę zastosować to do mojego menu, więc brązowe tło pojawi ...
Nie wiem jak to zrobić, mam tylko;
.menu li a:hover{
display:block;
background:#1a0000;
padding:6px 4px;
}