Приветствуем тебя, дизайнер, на сайте theps.art! Профессионал ты или начинающий, не важно. Главное — мы стали отличным местом для поселения и тех и других. Хочешь поделиться своими творениями с другими? Не вопрос. У нас ты встретишь самые адекватные оценки твоего творчества, получишь не мало хороших советов, обретешь множество общительных друзей и много чему научишься новому. Если ты устал от работы, то и в этом мы тебе поможем! На нашем сайте есть отличный кинотеатр. И небольшая коллекция онлайн игр.
Цифровой дизайн похож на живопись, только краски никогда не сохнут ©Neville Brody
Новогодняя ёлочка на CSS
Новогодняя ёлочка на CSS
/images/no_screen.png
  • Просмотров: 329
  • Скачиваний: 0
  • Комментариев: 0
  • Добавлено: 19.05.22, Чт
  • CSIL

Вставьте этот код туда где хотели бы видеть ёлочку:
Код

<link rel="stylesheet" type="text/css" href="http://theps.3dn.ru/elka/css/demo.css">
<link rel="stylesheet" type="text/css" href="http://theps.3dn.ru/elka/css/main.css">
<link rel="stylesheet" type="text/css" href="http://theps.3dn.ru/elka/css/normalize.css">
<div class="tree-container">
  <div class="star"></div>
  <div class="spiral-container">
  <ul class="spiral one">
  <li class="light-wrapper light-wrapper-1">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-2">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-3">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-4">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-5">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-6">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-7">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-8">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-9">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-10">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-11">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-12">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-13">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-14">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-15">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-16">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-17">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-18">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-19">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-20">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-21">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-22">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-23">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-24">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-25">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-26">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-27">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-28">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-29">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-30">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-31">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-32">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-33">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-34">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-35">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-36">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-37">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-38">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-39">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-40">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-41">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-42">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-43">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  </ul>
  <ul class="spiral two">
  <li class="light-wrapper light-wrapper-1">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-2">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-3">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-4">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-5">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-6">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-7">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-8">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-9">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-10">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-11">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-12">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-13">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-14">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-15">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-16">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-17">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-18">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-19">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-20">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-21">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-22">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-23">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-24">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-25">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-26">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-27">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-28">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-29">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-30">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-31">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-32">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-33">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-34">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-35">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-36">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-37">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-38">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-39">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-40">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-41">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-42">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-43">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  </ul>
  <ul class="spiral three">
  <li class="light-wrapper light-wrapper-1">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-2">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-3">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-4">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-5">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-6">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-7">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-8">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-9">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-10">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-11">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-12">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-13">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-14">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-15">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-16">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-17">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-18">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-19">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-20">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-21">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-22">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-23">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-24">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-25">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-26">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-27">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-28">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-29">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-30">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-31">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-32">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-33">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-34">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-35">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-36">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-37">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-38">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-39">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-40">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-41">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-42">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  <li class="light-wrapper light-wrapper-43">
  <div class="stabilise">
  <div class="light"></div>
  </div>
  </li>
  </ul>
  </div>
  </div>

  • Хочу скачать
  • ДЕМО
  • Спасибо: +1
  • Сообщить о битой ссылке
  • 0 Mb

  Теги: Новогодняя, ёлочка   Источник: https://theps.art
Всего комментариев: 0
avatar