Как зделать css градиент с плавной анимацией при навидении мыши?

Вот тема по этому поводу (english) http://stackoverflow.com/questions/6542212/use-css3-transitions-with-gradient-backgrounds
Речь идет о том, что вы и обнаружили - transition: gradient пока не реализовано.
01. Один из предлагаемых по этой ссылке вариантов - использовать анимаwb. фоновой картинки, которая сама по себе и есть гдадиентный переход.
02. Могу предложить еще такой вариант. Взять два контейнера (дива, к примеру). Можно использовать плавное изменение background-color нижнего контейнера, а эффект градиента эмулировать наложением прозрачного (rgba) градиента у верхнего - от прозрачного к белому, от прозрачного к черному и т.п.
Иначе говоря, что то типа такого:

Код

<html>
   <head>
      <title>Test</title>
      <style type="text/css">
         #color {
            width: 200px;
            height: 200px;
            margin: 50px auto 0 auto;
            background: black;

            -moz-transition: background-color 0.7s;
            -webkit-transition: background-color 0.7s;
            -o-transition: background-color 0.7s;
            transition: background-color 0.7s;
         }
         #color:hover {
            background: red;
         }
         #gradient {
            width: 200px;
            height: 200px;
            background: -moz-linear-gradient(rgba(255,255,255,0.9), transparent);
            background: -webkit-linear-gradient(rgba(255,255,255,0.9), transparent);
            background: -o-linear-gradient(rgba(255,255,255,0.9), transparent);
            background: -ms-linear-gradient(rgba(255,255,255,0.9), transparent);
            background: linear-gradient(rgba(255,255,255,0.9), transparent);
         }
      </style>   
   </head>
   <body>
      <div id="color">
         <div id="gradient"></div>
      </div>
   </body>
</html>

Новые темы	Объявления	Свободное общение
16:07 Работаем в P2P платежах BYBIT \| USDT - RUB , RUB - USDT \| Ищем постоянных клиентов , выгодные условия. 10:44 AntiBot Cloud - бесплатный скрипт и сервис защиты сайтов 20:13 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 19:41 25$ (ежемесячно) AdSense 21:39 Подскажите где продвигать сайт. 10:57 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 19:12 Мошенники-копирайтеры	11:02 BIGPROXY.SHOP - Резидентные Ротационные Backconnect Proxy USA EUROPA MIX [Безлимитный трафик] 10:27 WebKazna. Обмены криптовалют. Доставка наличных. 05:11 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 23:23 STREAM X CASH — Ваш амбициозный и надежный партнер в сфере криптообмена 20:37 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 18:57 Обменник криптовалют Saint-Exchange 16:21 AllCharge.online. Современный, быстрый и надёжный обменник	03:11 Точные прогнозы на футбол 23:47 Добро пожаловать в цифровой мир... 22:39 Топ-5 способов использовать мобильные прокси для бизнеса: подробный обзор 11:58 Куплю проигрышные букмекерские аккаунты 00:12 Огородники 10:59 Новости искусственного интеллекта 04:26 Хром ругается на форум

Новые темы

Объявления

Свободное общение

16:07 Работаем в P2P платежах BYBIT | USDT - RUB , RUB - USDT | Ищем постоянных клиентов , выгодные условия.
10:44 AntiBot Cloud - бесплатный скрипт и сервис защиты сайтов
20:13 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика!
19:41 25$ (ежемесячно) AdSense
21:39 Подскажите где продвигать сайт.
10:57 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг
19:12 Мошенники-копирайтеры

11:02 BIGPROXY.SHOP - Резидентные Ротационные Backconnect Proxy USA EUROPA MIX [Безлимитный трафик]
10:27 WebKazna. Обмены криптовалют. Доставка наличных.
05:11 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка
23:23 STREAM X CASH — Ваш амбициозный и надежный партнер в сфере криптообмена
20:37 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств
18:57 Обменник криптовалют Saint-Exchange
16:21 AllCharge.online. Современный, быстрый и надёжный обменник

03:11 Точные прогнозы на футбол
23:47 Добро пожаловать в цифровой мир...
22:39 Топ-5 способов использовать мобильные прокси для бизнеса: подробный обзор
11:58 Куплю проигрышные букмекерские аккаунты
00:12 Огородники
10:59 Новости искусственного интеллекта
04:26 Хром ругается на форум