Запитання з тегом «css-shapes»

Я намагаюся створити фігуру, як на зображенні нижче, з косим краєм лише з одного боку (наприклад, нижній бік), тоді як інші краї залишаються прямими. Я спробував використати метод border (код наведений нижче), але розміри моєї фігури динамічні, і тому я не можу використовувати цей метод. .shape { position: relative; height: …

92 html  css  responsive-design  css-shapes 

Я щойно натрапив на акуратний фокус CSS. Перевірте скрипку ... .tooltiptail { display: block; border-color: #ffffff #a0c7ff #ffffff #ffffff; border-style: solid; border-width: 20px; width: 0px; height: 0px; } .anothertail { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-tail2.png); display: block; height: 29px; width: 30px; } <div>Cool Trick: <br /> <div class="tooltiptail"></div> </div> <br /> <div>How do …

89 css  tooltip  css-shapes 

Я намагаюся відтворити це зображення за допомогою CSS: Мені не потрібно було б це повторювати. Це те, що я почав, але у нього просто пряма лінія: #wave { position: absolute; height: 70px; width: 600px; background: #e0efe3; } <div id="wave"></div> Запустіть фрагмент кодуHide resultsРозгорніть фрагмент

80 css  css-shapes 

Отже, мені потрібно зробити повторюваний гексагональний шаблон, використовуючи CSS. Якщо потрібні зображення, я можу піти туди, але я б вважав за краще просто використовувати CSS, якщо це можливо. Ось ідея того, що я намагаюся створити: В основному, мені просто потрібен спосіб створити шестикутні фігури, а потім накласти текст / зображення …

79 html  css  css-shapes 

На цей питання є відповіді на Stack Overflow на російській мові : Як намалювати сектор круги в CSS? Ну, намалювати коло чистим CSS легко. .circle { width: 100px; height: 100px; border-radius: 100px; border: 3px solid black; background-color: green; } Як намалювати сектор? Враховуючи ступінь X [0-360], я хочу намалювати сектор …

77 css  css-shapes