worldwide open-source software

Инструменты пользователя

Инструменты сайта

Вы посетили: • plugins
software:development:demo:start

Различия

Показаны различия между двумя версиями страницы.

Ссылка на это сравнение

Предыдущая версия справа и слеваПредыдущая версия
Следующая версия		Предыдущая версия
software:development:demo:start [2023/08/27 05:14] – [css rotation animation] vladpolskiysoftware:development:demo:start [2024/02/26 21:52] (текущий) – [css 3d flip cart] vladpolskiy
Строка 65: Строка 65:
     малой яркостью светящейся поверхности, близким к естественному спектральным      малой яркостью светящейся поверхности, близким к естественному спектральным 
     составом излучаемого света, что обеспечивает хорошую цветопередачу.</p>     составом излучаемого света, что обеспечивает хорошую цветопередачу.</p>
 +
 + </body>
 +</html>
 +
 +===== Всплывающая подсказка =====
 +<code>
 +<autott>
 +  <content>В этом месте всплывающая подсказка.</content>
 +    <title>Это заглавие подсказки.</title>
 +    <tip>Это текст подсказки.</tip>
 +</autott>
 +</code>
 +<autott>
 +  <content>В этом месте всплывающая подсказка.</content>
 +    <title>Это заглавие подсказки.</title>
 +    <tip>Это текст подсказки.</tip>
 +</autott>
 =====77777=====      =====77777=====     
 +<html>
 <iframe height="300" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code/index.htm" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true"> <iframe height="300" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code/index.htm" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
-  See the Pen <a href="https://codepen.io/html5book/pen/qaOjYR"> 
-  Untitled</a> by Elena (<a href="https://codepen.io/html5book">@html5book</a>) 
-  on <a href="https://codepen.io">CodePen</a>. 
 </iframe> </iframe>
- </body> 
-</html> 
  
 +<iframe height="300" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code/Change animation with JavaScript.htm" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
 +</iframe>
  
 +<iframe height="300" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code/Slideshow container.htm" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
 +</iframe>
  
 +<iframe height="500" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code/Modal Login Form.htm" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
 +</iframe>
 +
 +
 +</html>
 +https://html5css.ru/howto/howto_css_login_form.php
 =====8956===== =====8956=====
  
Строка 141: Строка 164:
 </iframe> </iframe>
 </html> </html>
 +
 +===== css 3d flip cart =====
 +<html>
 +<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/css_3d_flip_cart.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
 +</iframe>
 +</html>
 +[[https://book51.ru/demo/code/3d_flip_cart/index.html|Демо страницы]]
  
 ===== css starry sky animation ===== ===== css starry sky animation =====
Строка 148: Строка 178:
 </iframe> </iframe>
 </html> </html>
 +
 +===== css starry sky animation 2 =====
 +
 +<html>
 +<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/css_starry_sky_animation_2.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
 +</iframe>
 +</html>
 +
 +===== css starry sky animation 2 =====
 +
 +<html>
 +<iframe height="1800" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/img/Генератор input checkbox CSS _ Style CSS.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
 +</iframe>
 +</html>
 +
 +===== ФОНОВОЕ ИЗОБРАЖЕНИЕ В CSS =====
 +
 +<html>
 +<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/css_images.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
 +</iframe>
 +</html>
 +
 +===== ЗАТЕМНЕНИЕ ИЗОБРАЖЕНИЯ С ПОМОЩЬЮ CSS =====
 +
 +<html>
 +<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/css_images_1.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
 +</iframe>
 +</html>
 +
 +===== ИЗОБРАЖЕНИЕ С РАЗМЕРАМИ С ПОМОЩЬЮ CSS =====
 +<html>
 +<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/css_images_2.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
 +</iframe>
 +</html>
 +
 +===== АДАПТИВНАЯ КАРТИНКА CSS =====
 +
 +<html>
 +<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/css_images_3.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
 +</iframe>
 +</html>
 +
 +
 +<html>
 +<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/css_images_4.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
 +</iframe>
 +</html>
 +
 +===== РАМКА ВОКРУГ КАРТИНКИ CSS =====
 +
 +<html>
 +<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/css_images_5.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
 +</iframe>
 +</html>
 +
 +===== СКРУГЛЕНИЕ УГЛОВ КАРТИНКИ CSS =====
 +
 +<html>
 +<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/css_images_6.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
 +</iframe>
 +</html>
 +
 +===== СОТРАЖЕНИЕ КАРТИНКИ ПО ГОРИЗОНТАЛИ И ВНРТИКАЛИ CSS =====
 +
 +<html>
 +<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/css_images_7.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
 +</iframe>
 +</html>
 +
 +===== ПОВОРОТ ИЗОБРАЖЕНИЯ CSS =====
 +
 +<html>
 +<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/css_images_8.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
 +</iframe>
 +</html>
 +
 +===== КАРТИНКА ССЫЛКА CSS/HTML =====
 +
 +<html>
 +<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/css_images_9.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
 +</iframe>
 +</html>
 +
 +===== ЧЕРНО-БЕЛАЯ КАРТИНКА CSS =====
 +
 +<html>
 +<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/css_images_10.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
 +</iframe>
 +</html>
 +
 +===== КРУГЛОЕ ИЗОБРАЖЕНИЕ CSS =====
 +
 +<html>
 +<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/css_images_11.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
 +</iframe>
 +</html>
 +
 +===== ОБТЕКАНИЕ КАРТИНКИ ТЕКСТОМ CSS /HTML =====
 +
 +<html>
 +<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/lessons/css_images_12.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
 +</iframe>
 +</html>
 +
software/development/demo/start.1693102444.txt.gz · Последнее изменение: 2023/08/27 05:14 — vladpolskiy