Рубрика: хтмл

Устанавливаем шрифт на сайт @font-face

Итак, качаем шрифт в формате ttf http://webfont.ru/ https://www.google.com/fonts Конвертим его в веб шрифт font-face http://onlinefontconverter.com/ Устанавливаем на сайт через CSS @font-face { font-family: 'Minecraft-Title-Cyrillic'; src: url('../fonts/Minecraft-Title-Cyrillic.eot'); src: local('Minecraft-Title-Cyrillic'), local('../fonts/Minecraft-Title-Cyrillic'), url('../fonts/Minecraft-Title-Cyrillic.woff') format('woff'), url('../fonts/Minecraft-Title-Cyrillic.ttf') format('truetype'), url('../fonts/Minecraft-Title-Cyrillic.svg#Minecraft-Title-Cyrillic') format('svg'); font-style: normal; }

Rainbow text on hover CSS

Переливание всеми цветами радуги при наведении курсора на текст .rainbow:hover { -webkit-animation:rainbow 1s infinite; -ms-animation:rainbow 1s infinite; -o-animation:rainbow 1s infinite; animation:rainbow 1s infinite; } @-webkit-keyframes rainbow { 0% {color: #ff0000;} 10% {color: #ff8000;} 20% {color: #ffff00;} 30% {color: #80ff00;} 40% {color: #00ff00;} 50% {color: #00ff80;} 60% {color: #00ffff;} 70% {color: #0080ff;} 80% {color: #0000ff;} 90% […]