Chciałbym utworzyć to przy użyciu tylko CSS. czy to możliwe? Jeśli tak, możesz mi pomóc?Czy jest możliwe utworzenie przycisku skierowanego w dół (obraz w zestawie) z tylko CSS?
5
A
Odpowiedz
5
Dość łatwo z granicami i element pseudo:
<a href="#" id="button">ALL</a>
#button::after {
content: "";
border: 64px solid transparent;
border-top: 12px solid orange;
position: absolute;
top: 29px;
left: 0;
}
3
próbują eksperymentować z tego podstawowego przycisku:
.btn {
width: 100px;
height: 30px;
text-align: center;
border: 0;
}
.btn-arrow {
position: relative;
background: coral;
}
.btn-arrow:after {
border: solid transparent;
content:"";
position: absolute;
border-top-color: coral;
border-width: 16px 50px;
left: 0px;
top: 100%;
margin-top: 0px;
}
2
jak o czymś tak:
<div id="test">Testing</div>
<div id="arrow"></div>
#test {background-color:red; width:100px;}
div {text-align:center;}
#arrow {
border-top: 15px solid red;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
height: 0;
width:0;
}
Powiązane problemy
- 1. Czy jest możliwe utworzenie przycisku przy użyciu dat.gui
- 2. Czy jest możliwe utworzenie IME w WinRT?
- 3. Możliwe jest utworzenie css css na przezroczystym tle obrazu PNG?
- 4. Czy możliwe jest utworzenie stałego paska ocen?
- 5. Czy jest możliwe utworzenie adresu URL wskazującego obiekt w pamięci?
- 6. Czy możliwe jest przewijanie ScrollView na dół?
- 7. Czy jest możliwe utworzenie System.Int32 w języku C#?
- 8. Czy jest możliwe utworzenie dynamicznego wyrażenia regularnego w Ruby
- 9. Czy jest możliwe utworzenie nowego operatora w języku C#?
- 10. Czy jest możliwe utworzenie własnego niezaznaczonego wyjątku w Javie?
- 11. Czy jest możliwe utworzenie akapitów w komendzie zarządzania django?
- 12. Czy jest możliwe utworzenie przestrzeni nazw w jQuery?
- 13. W Swagger, czy jest możliwe utworzenie interfejsów API dla Websockets?
- 14. Czy jest możliwe utworzenie żądania JSONP z HTTPS na HTTP?
- 15. Czy jest możliwe utworzenie VectorDrawable z systemu plików (* .xml plik)
- 16. Czy jest możliwe utworzenie `HashMap` z kluczem typu` * const Any`?
- 17. Czy możliwe jest utworzenie nowego projektu firebase przez API?
- 18. Czy jest możliwe zmienić lewy szuflada przycisku w Selector xml?
- 19. jak zamazać obraz tła tylko w css
- 20. Czy możliwe jest utworzenie okna dialogowego widoku listy?
- 21. Czy jest możliwe utworzenie pliku kluczy JKS bez hasła?
- 22. Czy jest możliwe utworzenie ogólnej metody na obiekcie dynamicznym/ExpandoObject
- 23. Czy jest możliwe utworzenie mapy HashMap na Androidzie?
- 24. Obraz w przycisku GWT
- 25. Możliwe utworzenie globalnego nieskopiowanego w pliku application.cfc?
- 26. Czy jest możliwe utworzenie roli bazy danych na Heroku Postgresql?
- 27. Upuść w dół Combobox na przycisku kliknij
- 28. CSS: Czy możliwe jest użycie tylko określonej części obrazu jako wypełniacza tła?
- 29. jest możliwe utworzenie łyżki AWS s3 z obszarem pustym
- 30. Czy jest możliwe utworzenie pliku CSV z wieloma zakładkami w wierszu polecenia?
Tak, jest to możliwe. – Morpheus
http://cssarrowplease.com/ – Pete
@Pete To niesamowita strona, ale nie mogę uzyskać strzałek, które skracają wysokość, jak obrazek w moim poście. – J82