С Новым годом! Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
Другие темы раздела
HTML, CSS Посоветуйте книжку HTML5 CSS3 2015-2016 https://www.cyberforum.ru/ html/ thread1854867.html
Посоветуйте книжку по HTML CSS 2015 - 16 года на русском для начинающих.
Как удовлетворить требования валидатора? HTML, CSS
На странице есть код всплывающей формы. Начало кода такое: <!-- Подписаться на рассылку. Начало --> <div class="overlay"></div> <div class="popup"> <div class="close_modal">x</div> <form class="fofm"> <meta charset="UTF-8" /> <p style="font-size: 24px; text-align: center; margin: 25px 0 0 0;">Подписка на новости</p> <p>Получайте на свою почту все новости</p>
HTML, CSS Сдвинуть иконки социальных сетей в правую часть футера Помогите сдвинуть вправо иконки соц сетей в футоре моего сайта http://remont-obsluzhivanie-kompyuterov-kazan.ru/ https://www.cyberforum.ru/ html/ thread1854758.html HTML, CSS Как сделать чтобы текст обтекал блок? Ребята застрял. Надо кнопку расположить внизу блока и чтобы текст его обтекал. Можно ли так сделать? Подскажите как... Html: <div class="bl_n"> <div class="new"> <div class="button">Read more</div> <p><a href="">Vestibulum id ligula porta felis euismod</a> semper. Etiam porta sem malesuada magna mollis euismod. Nullam quis risus eget urna mollis ornare vel eu leo. Etiam... https://www.cyberforum.ru/ html/ thread1854744.html
IE8-9 подключение особых стилей и скриптов HTML, CSS
Решил заняться кроссбраузерностью и тут дошла до меня очередь "полюбить" IE После нескольких часов поиска, я нашел пару вариантов, как использовать скрипты для сего творения, но вот это ничего не работает. Самый распространенный вот такой вариант <!--> <script> alert("hello"); </script> <!--> Попросту скрыт, как обычный комментарий.
HTML, CSS Div блоки не растягиваются, height overlay не помогает Здравствуйте, перечитал весь ваш форум на тематику растягивание DIV, но ничего не выходит. Я уже столько всего перпробовал с кодом что я лучше покажу оригинал и скриншот. Родительский и внутренние блоки не расширяются под натиском содержимого, помогите пожалуйста)) /* HTML implementation of a Hip Chat redesign based on Jan Dvořák Dribbble shot. ... https://www.cyberforum.ru/ html/ thread1854652.html
HTML, CSS Визуальный редактор HTML CSS https://www.cyberforum.ru/ html/ thread1854563.html
Добрый день. В Visual Studio есть удобный визуальный редактор XAML кода. Существует ли нечто подобное для создания HTML и CSS?
Не отображается div элемент Google Chrome HTML, CSS
Здравствуйте. Оформляю станицу с помощью таблиц CSS (display: table). Одна строка и две ячейки. Когда запускаю страницу с компьютера, всё хорошо (Chrome). Когда через хостинг, правая ячейка не отображается (тот же самый Chrome). А во всех остальных браузерах отображается. На другом компьютере та же история HTML: <div class="tableContainer" id="mainConteiner">
HTML, CSS Работа CSS свойств на android https://www.cyberforum.ru/ html/ thread1854521.html
Всем привет. Как на андроид сделать аналог background-attachment: fixed? Дело в том что на андроид устройствах это css свойство не работает. Эмуляторы хавают прекрасно, а реальные устройства - нет. Гугл по этому поводу выдает кучу мусора и не работающих костылей. Есть ли способы реализовать это? Спасибо
HTML, CSS Изменить цвет ссылки при наведении и нажатии Имеется кусок кода: <td style="width:33.3%; border:2px solid #707070; text-align: center"><div style="height: 31px;line-height: 31px"><a title="Нажмите для перехода на сайт"a href='https://accounts.google.com/ServiceLogin' target='_blank' style="color:#85AB70;a:hover text-decoration: none;"><p align="center"><center>{0}</a></p></div></body></td> Не получается изменить цвет ссылки пробовал по... https://www.cyberforum.ru/ html/ thread1854494.html
Как сделать блок на всю ширину экрана HTML, CSS
<div тут в стилях фиксированная ширина> <div></div> <div>100% по ширине браузера</div> </div> </div> Как сделать 100% по ширине окна браузера вложенный блок, когда есть фиксированная ширина у родителя.
HTML, CSS Создание блочного сайта по вариантам https://www.cyberforum.ru/ html/ thread1854353.html
Всем доброго времени суток! Помогите пожалуйста создать сайт по образцу. Пробовал сам, но получается очень плохо и медленно, а утром сдавать, помогите закончить. Вот всё, что написал сам и само задание. 12 вариант. Запрещено размещать задания в виде картинок и других файлов с их текстом. (Правила п.5.18)
Эксперт JSЭксперт HTML/CSS
3826 / 2676 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
20.11.2016, 10:55 0

Как сверстать выпуклую тень? - HTML, CSS - Ответ 9791158

20.11.2016, 10:55. Показов 1821. Ответов 2
Метки (Все метки)

Лучший ответ Сообщение было отмечено Nekri как решение

Решение

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
body {
  padding: 30px;
}
.block {
  width: 200px;
  height: 200px;
  background-color: #eee;
  margin: 0 auto;
  position: relative;
}
.block:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  width: 90%;
  height: 10%;
  border-radius: 50%;
  z-index: -1;
  box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.25);
}
.block:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  width: 90%;
  height: 10%;
  border-radius: 50%;
  z-index: -1;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);
}
HTML5
1
<div class="block"></div>


Вернуться к обсуждению:
Как сверстать выпуклую тень? HTML, CSS
1
Заказать работу у эксперта
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
20.11.2016, 10:55
Готовые ответы и решения:

Как сверстать такую тень?
Подскажите пожалуйста...

Как сверстать элемент с углами и дать ему тень
Друзья, всем привет. Я учусь верстать, и вот не могу разобраться, как сверстать такой элемент ...

Тень-граница правой стороны строки таблицы. Не могу убрать эту тень.
Всем доброго времени суток. Сделал сайт, после чего добавил его англоязычный вариант. В верхней...

Дано n точек на плоскости. Построить их выпуклую оболочку - минимальную выпуклую фигуру, их содержащую
Дано n точек на плоскости. Построить их выпуклую оболочку - минимальную выпуклую фигуру, их...

2
20.11.2016, 10:55
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
20.11.2016, 10:55
Помогаю со студенческими работами здесь

Решение ребуса ТЕНЬ + ТЕНЬ = МРАК
Помогите решить ребус: ТЕНЬ + ТЕНЬ = МРАК

Как сделать тень
Как сделать тень внизу рамки, как на картинке.

Как сделать красивую тень?
Такой вопрос Как сделать тень от слоя? &lt;div id='sloy'...

Как сделать тень и фонарик
Если нужно что б вся комната была в тени, а персонаж с фонариком. Куда повернет фонарик там сразу...

0
Новые блоги и статьи
Книги и учебные ресурсы по C#
InfoMaster 08.01.2025
Базовые учебники и руководства Одной из лучших книг для начинающих является "C# 10 и . NET 6 для начинающих" Эндрю Троелсена и Филиппа Джепикса . Книга последовательно раскрывает основные концепции. . .
Что такое NullReferenceEx­­­ception и как исправить?
InfoMaster 08.01.2025
NullReferenceException - одно из самых распространенных исключений, с которым сталкиваются разработчики на C#. Это исключение возникает при попытке обратиться к членам объекта (методам, свойствам или. . .
Что такое Null Pointer Exception (NPE) и как это исправить?
InfoMaster 08.01.2025
Null Pointer Exception (NPE) - это одно из самых распространенных исключений в Java, которое возникает при попытке использовать ссылку на объект, значение которой равно null. Это исключение относится. . .
Русский язык в консоли C++
InfoMaster 08.01.2025
При разработке программ на C++ одной из частых проблем, с которой сталкиваются русскоязычные программисты, является корректное отображение кириллицы в консольных приложениях. Эта проблема особенно. . .
Telegram бот на C#
InfoMaster 08.01.2025
Разработка ботов для Telegram стала неотъемлемой частью современной экосистемы мессенджеров. C# предоставляет мощный и удобный инструментарий для создания разнообразных ботов, от простых. . .
Использование GraphQL в Go (Golang)
InfoMaster 08.01.2025
Go (Golang) является одним из наиболее популярных языков программирования, используемых для создания высокопроизводительных серверных приложений. Его архитектурные особенности и встроенные. . .
Что лучше использовать при создании класса в Java: сеттеры или конструктор?
Alexander-7 08.01.2025
Вопрос подробнее: На вопрос: «Когда одновременно создаются конструктор и сеттеры в классе – это нормально?» куратор уточнил: «Ваш класс может вообще не иметь сеттеров, а только конструктор и геттеры. . .
Как работать с GraphQL на TypeScript
InfoMaster 08.01.2025
Введение в GraphQL и TypeScript В современной разработке веб-приложений GraphQL стал мощным инструментом для создания гибких и эффективных API. В сочетании с TypeScript, эта технология. . .
Счётчик на базе сумматоров + регистров и генератора сигналов согласования.
Hrethgir 07.01.2025
Создан с целью проверки скорости асинхронной логики: ранее описанного сумматора и предополагаемых fast регистров. Регистры созданы на базе ранее описанного, предполагаемого fast триггера. То-есть. . .
Как перейти с Options API на Composition API в Vue.js
BasicMan 06.01.2025
Почему переход на Composition API актуален В мире современной веб-разработки фреймворк Vue. js продолжает эволюционировать, предлагая разработчикам все более совершенные инструменты для создания. . .
Архитектура современных процессоров
inter-admin 06.01.2025
Процессор (центральный процессор, ЦП) является основным вычислительным устройством компьютера, которое выполняет обработку данных и управляет работой всех остальных компонентов системы. Архитектура. . .
История создания реляционной модели баз данных, правила Кодда
Programming 06.01.2025
Предпосылки создания реляционной модели В конце 1960-х годов компьютерная индустрия столкнулась с серьезными проблемами в области управления данными. Существовавшие на тот момент модели данных -. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru