Отражение текста с помошью CSS - украшения для ukOz - Софт - Каталог файлов - Сайт для отдыха Shampusik
Вторник, 23.07.2019, 18:24
Приветствую Вас Гость |
Никнейм Shampusik зарегистрирован!

shampusik

Весны в душе!      
Избранноеблеск


чатик


  
блеск блеск Друзья Сайта блеск блеск
блеск
Анекдот дня
- Доктор, у меня бывают провалы в памяти.
- Да? И часто они у вас бывают?
- Кто?
- Провалы.
- Какие провалы?
------------
На приёме у окулиста:
— Какую букву я показываю?
— А кто это говорит?
-----------
В лифте, на последнем этаже:
— Вниз?
— Нет, блин, в бок!
------------
 - Дочь, выпей со мной!
 - Ну пааап... 
 - Что пап?!
 Я же с тобой уроки делал!
------------
Доктор, посмотрите! – говорит мужик, спуская штаны перед урологом.
- Болит?
- Нет.
- Маленький?
- Нет.
- Большой?
- Нет.
- А что тогда?
- Правда, хорошенький?
------------
Юмор
Читать далее: Жми тут

Shampusik.ucoz.net

Сайт для отдыха и хорошего настроения.

Сайт где есть все.
Музыка, софт, фильмы, красивые картинки про Любовь, стихи, форум, новости и многое другое!!!


Доктор WEB

Посетители

  
Информер праздники сегодня

  
     


shampusik.ucoz.netСайт для отдыха и хорошего настроения




Моим друзьям


Пожелания друзьям !!!

Пожелания друзьям !!!

   
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0


Ваш IP адрес:
Ваш IP адрес:

Ваш IP адрес в данный момент

 

Каталог файлов

Главная » Файлы » Софт » украшения для ukOz

Отражение текста с помошью CSS
04.02.2015, 14:18
Добавить эффект отражения текстовому элементу. Главное требование — гибкость, т.е. текст может меняться, эффект соответственно подстраиваться.

Код
<!--[if lte IE 9]>
02
<style>
03
.h1-after,
04
.menu-css {
05
  position:absolute;
06
  left:0;
07
  top:100%;
08
  z-index: 1;
09
  background: #fff;
10
  -ms-filter: "flipV progid:DXImageTransform.Microsoft.Alpha(opacity=50, style=1, finishOpacity=0, startx=0, starty=0, finishx=0, finishy=70)"; /* для IE8-9 */
11
  filter: flipV progid:DXImageTransform.Microsoft.Alpha(opacity=50, style=1, finishOpacity=0, startx=0, starty=0, finishx=0, finishy=70); /* для IE7 */
12
}
13
.h1-css:after,
14
.menu-css a:after {
15
  display: none; /* для IE8-9 прячем контент псевдоэлемента */
16
}
17
</style>
18
<script>
19
textReflect = function()
20
{
21
  // отражение для заголовка
22
  var el = document.getElementsByTagName("h1")[0];
23
  el.insertAdjacentHTML("afterBegin", "<span class=&h1-after&>"+el.firstChild.nodeValue+"</span>");
24
   
25
  // отражения для меню
26
  var menu = document.getElementsByTagName("a"),
27
  i,
28
  lenMenu = menu.length;
29
   
30
  for(i=0;i<lenMenu;i++) menu[i].insertAdjacentHTML("afterBegin", "<span class=&menu-after&>"+menu[i].firstChild.nodeValue+"</span>");
31
   
32
}
33
  window.onload=textReflect;
34
   
35
</script>
36
<![endif]-->
Категория: украшения для ukOz | Добавил: skupev | Теги: CSS, отражение, текста, помошью
Просмотров: 1355 | Загрузок: 0
Новости по теме:
Всего комментариев: 0
avatar



<


Поиск
блеск Личный кабинет блеск
тут не скучно
форум23.07.2019
18:24




Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!

Старый Вход блеск

Теги
Новое на форуме Подробней о форуме
bleskНовое в Блоге
skupev
Добавлено: 25.11.2018
15 полезных для здоровья свойств простой воды

Комментарии: 0

skupev
Добавлено: 11.01.2017
Домашний коньяк — удивите ваших гостей!

Комментарии: 0

skupev
Добавлено: 23.11.2016
10 признаков счастливого человека.

Комментарии: 2

  • bleskНаш баннерблеск

    Если Вы хотите поддержать наш проект,
    разместите на своем сайте нашу кнопку:
  • Помощь сайту

    Если материалы данного сайта оказались Вам полезны, интересны, или же Вы просто хотите помочь развитию данного проекта, то мы приветствуем
    Любую Вашу помощь
    . Например:

    Ваши предложения по улучшению дизайна и удобства пользования сайтом.

    Ваши предложения по развитию сайта, появлению новых разделов.

    Добавление ссылок на наш сайт на тех форумах, где Вы часто бываете.

    Любая другая Ваша помощь!

    Для контакта с нами используйте Обратную связь. Самая эффективная и простая помощь для нас — частое посещение сайта и добавление новых отзывов! Если Вы хотите поддержать наш проект, разместите на своем сайте нашу кнопку.
  • WebMoney

    Если у Вас есть желание помочь материально,то можете отправить любую сумму на наш кошелёк
    WebMoney:

    R790729935749

    E246164539736

     --------------------

На развитие проекта!

   -------------------
" Рекламма "
" Выведу методом запоя из соц.сетей: контакта и одноклассников! Пишите ..."

"Shampusik"

По всем спорным вопросам, Вы можете вызвать админа с помощью этой кнопки    
Никнейм Шампусик ,создан Для сайта и чатов ... с хорошей музыкой , адекватными людьми и приятным общением. )))     Сертификат на никнейм Shampusik, зарегистрирован на http://shampusik.ucoz.net/
 
transport Индекс цитирования Яндекс.Метрика Рейтинг@Mail.ru Каталог@Mail.ru - каталог ресурсов интернет Каталог сайтов Всего.RU Каталог сайтов Bi0 Каталог webplus.info счетчик 
посещений
Яндекс.Метрика