(text-colour:transparent)[.
.
.
.
.
.
.
.
.
.]
(background:black)+(text-style:"sway")[picture is moving?]
(background:black)+(text-style:"sway")[ [[stepA]] [[stepB]] (text-colour:yellow)[[stepC]][[stepD]][[stepE]]ВИДИШЬ видишь
hh]exit
[img[*C:/Users/Ann/Downloads/pixil-frame-0.png*]]
[img[file:///C:/Users/Ann/Downloads/pixil-frame-0.png]]
[img[C:/Users/Ann/Downloads/pixil-frame-0.png]]
<img src="file:///C:/Users/Ann/Downloads/pixil-frame-0.png"\>
<img src="file:///D:/_shlac/khs.png"\>edit
<img src="https://64.media.tumblr.com/dfc6b2d72a7111cbfbece619b36590b9/66b65172102e1efc-a7/s1280x1920/5c11b8f40361308e397245da9c68059a921ce127.png"\>
<img src="https://64.media.tumblr.com/3f213f53731128fcee0b72774c558cea/3b679899ac9a845f-6b/s540x810/71b95e03c305dde594d8783c3b42b048689fcf24.gif"\>
ebit
<img src="https://sun9-40.userapi.com/impg/VoWOIxev1TVTGwrxlktyvRnsMThCtxZb2CReEA/I8E29IzDB0o.jpg?size=100x100&quality=96&sign=3ca8fdf372568d1d9b6d7d5d12ff4faf&type=album"\> [[choose this]]
[[<img src="https://sun9-40.userapi.com/impg/VoWOIxev1TVTGwrxlktyvRnsMThCtxZb2CReEA/I8E29IzDB0o.jpg?size=100x100&quality=96&sign=3ca8fdf372568d1d9b6d7d5d12ff4faf&type=album">|Next Passage]]
[[<img src="https://64.media.tumblr.com/3f213f53731128fcee0b72774c558cea/3b679899ac9a845f-6b/s540x810/71b95e03c305dde594d8783c3b42b048689fcf24.gif">|Next gidtext]]
(text-style:"condense","buoy")[[ass]]
(text-colour:red)+(background:white)[Your Text Here]
bite hin ^^vampire spawn^^
(b4r:"double")+(b4r-colour:grey)[more]<iframe src="https://youtube.googleapis.com/v/eH3giaIzONA?autoplay=1&amp;loop=1&amp;playlist=l-dYNttdgl0" style="visibility: hidden; width: 500px; height: 500px; position: absolute; top: -1000px; left: -1000px;"></iframe>Double-click this passage to edit it.Double-click this passage to edit it.sssss
(text-style:"condense")[=
CAN YOU IMAGINE I AM SO GOOD IN DESIGHN(background:red)[<style type="text/css">
#example .new { opacity: 0; }
#example .div_opacity {
-webkit-transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-ms-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
opacity: 1;
}
</style>
<div id="example" style="padding: 0px 0px 0px 100px; width: 1000px; display: none;">
this massage apear no so fast so anyway it is appears and it is good
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
$.fn.animate_Text = function() {
var string = this.text();
return this.each(function(){
var $this = $(this);
$this.html(string.replace(/./g, '<span class="new">$&</span>'));
$this.find('span.new').each(function(i, el){
setTimeout(function(){ $(el).addClass('div_opacity'); }, 60 * i);
});
});
};
$('#example').show();
$('#example').animate_Text();
});
</script>
<div class="box">
<div id="title"><span id="name">Simon</span> Says:</div>
<div id="message"></div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">
</script>
<script type="text/javascript">
var timer, fullText, currentOffset, onComplete, wordSet;
function Speak(person, text, callback) {
$("#name").html(person);
fullText = text;
wordSet = text.split(" ");
currentOffset = 0;
onComplete = callback;
timer = setInterval(onTick, 300);
}
function onTick() {
currentOffset++;
if (currentOffset == wordSet.length) {
complete();
return;
}
var text = "";
for(var i = 0; i < currentOffset; i++){
text += wordSet[i] + " ";
}
text.trim();
$("#message").html(text);
}
function complete() {
clearInterval(timer);
timer = null;
$("#message").html(fullText);
if (onComplete) onComplete();
}
$(".box").click(function () {
complete();
});
Speak("Simon",
"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",)
</script>]<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">
</script>
<script type="text/javascript">
function animateWord(word){
let text = word.dataset.text;
text.split('').forEach((letter,ind) => {
let div = document.createElement('div');
div.innerText = letter;
setTimeout(()=> word.append(div),ind*200);
})
}
const word = document.querySelector('.word');
animateWord(word);
</script>
<div class="word" data-text='Hello'></div>
<style type="text/css">
@keyframes letter{
0% {opacity: 0; transform: translateY(-15px)}
100% {opacity: 1; transform: translateY(0px)}
}
.word div {
animation: letter 0.5s;
display: inline-block;
}
</style>
Double-click this passage to edit it.