Форум

losapwild · #1 (**permalink**) 07.05.2017, 13:27

Как сделать так, чтобы текст в блоке был прозрачный (100%), а через секунду стал видимым?

Пробовал через

$(document).ready(function() {
$('.nons').delay(500).fadeIn(500);
});

И

display:none

у блока

Но так исчезает вначале не только текст, но и занятое им пространство.

Нужно чтобы текст был невидимым 500-1000мс, при этом чтобы место где текст было просто пустое, а после чтобы уже появился текст в этом месте

losapwild · #2 (**permalink**) 07.05.2017, 13:38

Можно сделать так, чтобы блок был прозрачным в которым текст, при этом опять же чтобы занятое блоком место на сайте было занято

рони · #3 (**permalink**) 07.05.2017, 14:35

losapwild,

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>fadeTo demo</title>
  <style type="text/css">
  p{
    opacity: 0;
  }

  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
  <script>
$(function() {
 $("p").delay(400).fadeTo( "slow", 1 );
});
</script>
</head>
<body>
<p>
 this paragraph to see it fade.
</p>
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript