Как в css сделать при наведении из кружка квадрат

программирование html css веб дизайн

http://itmages.ru/image/view/1633655/8edd78d4 1 кружок, 2 квадратик(с немного закругленными краями)

Не получается, потому что в обводке фигур градиент. Нужно только чтобы переход был плавным, а не подмена картинки =)

Примечание:
Спасибо) Но жалко, что не знаете что ответить(((

Примечание:
0% - #003e9a; 30% - #1b76ff; 55% - #36bfff; 100% - #004ab9;
вот такой градиент)

Примечание:
http://itmages.ru/image/view/1633716/39dc7adc

Примечание:
Нет, я сделала только в фотошопе, вот теперь нужно воплотить все в html или css. А у меня не получается(

Примечание:
background: linear-gradient(to bottom, #004ab9 0%,#36bfff 30%,#1b76ff 55%,#003e9a 100%

Примечание:
Градиент вообще не получилось, пыталась тенями от как-то сделать. Но все равно не то (((
вроде того:
border-color: #1b76ff;
box-shadow: inset 3px 3px 10px rgba(0,0,0,0.5), 1px 3px 10px 0px rgba(0,0,0,1), 0px 0px 0px 2px #1766d0, inset 0px 0px 0px 1px #1272cf;

Примечание:
holden321, спасибо!!=)
Ответы:
Я засмотрелся на Вашу фотку и не знаю уже что ответить :D


10 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.