Post by Seyka Rozengale on Dec 4, 2017 12:49:44 GMT -8
[attr="class","wholedot"]
[attr="class","maindot1"]● ● ● ● ●
[attr="class","ldot1"]●
[attr="class","ldot2"]●
[attr="class","ldot3"]●
[attr="class","ldot4"]●
[attr="class","ldot5"]●
[attr="class","dotbody"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non maximus urna, sed fermentum sem. Vivamus in egestas mauris, ac hendrerit nunc. Sed convallis sem pellentesque leo maximus, a consectetur urna sollicitudin. Morbi id urna in tellus bibendum molestie. Quisque lobortis et nibh sit amet faucibus. Nunc vel orci ultricies, euismod justo ut, lacinia eros. Aenean eget magna turpis. Nulla gravida suscipit sem, id pulvinar eros commodo a. Nulla luctus pulvinar aliquam. Curabitur sit amet venenatis lacus, vitae semper quam. Vestibulum eleifend condimentum egestas. Etiam nec dapibus elit. Donec efficitur aliquet quam, at rutrum nulla sollicitudin sodales.
Fusce a placerat enim. Phasellus nec metus vel ex convallis vehicula vel a nunc. Aliquam elementum lacinia lectus quis placerat. Morbi ac ornare ipsum. Fusce ac arcu quam. Sed lobortis lacus quis fringilla dignissim. Morbi finibus odio lacinia purus placerat, eget dictum leo egestas. Nulla tempus, massa sed efficitur pellentesque, nisi ipsum interdum ex, id fringilla justo nibh sed mi. Mauris tincidunt enim sit amet ipsum facilisis lacinia. Sed at bibendum dui.
Nulla facilisis consectetur nunc eu vehicula. Fusce et leo fringilla, vestibulum libero pellentesque, cursus tellus. Aliquam convallis posuere imperdiet. Nulla consectetur magna in nibh faucibus, eget bibendum tortor dignissim. Nulla imperdiet nibh sed ligula maximus consequat. Vestibulum quis iaculis ipsum. Aenean bibendum metus nec neque accumsan, vitae ornare leo elementum. Maecenas interdum non est et egestas. Curabitur mattis dolor at pretium laoreet. Aenean varius nunc nec tincidunt pretium. Ut purus nibh, pharetra et sagittis vel, pellentesque id eros. Nunc id magna orci. Integer felis augue, congue a sapien nec, vestibulum consequat dui.
Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur tristique gravida arcu, et rhoncus tortor aliquam vitae. Phasellus hendrerit quis tellus id luctus. Quisque commodo lacus sed risus posuere, id scelerisque sapien sagittis. Nunc molestie purus ut bibendum feugiat. Sed mollis, eros a placerat efficitur, tortor velit facilisis metus, eleifend iaculis diam ante et nisi. Praesent et dolor rutrum sapien viverra facilisis. Suspendisse vehicula metus felis, nec interdum risus tempus non. In in venenatis mauris. Etiam id vulputate justo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non maximus urna, sed fermentum sem. Vivamus in egestas mauris, ac hendrerit nunc. Sed convallis sem pellentesque leo maximus, a consectetur urna sollicitudin. Morbi id urna in tellus bibendum molestie. Quisque lobortis et nibh sit amet faucibus. Nunc vel orci ultricies, euismod justo ut, lacinia eros. Aenean eget magna turpis. Nulla gravida suscipit sem, id pulvinar eros commodo a. Nulla luctus pulvinar aliquam. Curabitur sit amet venenatis lacus, vitae semper quam. Vestibulum eleifend condimentum egestas. Etiam nec dapibus elit. Donec efficitur aliquet quam, at rutrum nulla sollicitudin sodales.
Fusce a placerat enim. Phasellus nec metus vel ex convallis vehicula vel a nunc. Aliquam elementum lacinia lectus quis placerat. Morbi ac ornare ipsum. Fusce ac arcu quam. Sed lobortis lacus quis fringilla dignissim. Morbi finibus odio lacinia purus placerat, eget dictum leo egestas. Nulla tempus, massa sed efficitur pellentesque, nisi ipsum interdum ex, id fringilla justo nibh sed mi. Mauris tincidunt enim sit amet ipsum facilisis lacinia. Sed at bibendum dui.
Nulla facilisis consectetur nunc eu vehicula. Fusce et leo fringilla, vestibulum libero pellentesque, cursus tellus. Aliquam convallis posuere imperdiet. Nulla consectetur magna in nibh faucibus, eget bibendum tortor dignissim. Nulla imperdiet nibh sed ligula maximus consequat. Vestibulum quis iaculis ipsum. Aenean bibendum metus nec neque accumsan, vitae ornare leo elementum. Maecenas interdum non est et egestas. Curabitur mattis dolor at pretium laoreet. Aenean varius nunc nec tincidunt pretium. Ut purus nibh, pharetra et sagittis vel, pellentesque id eros. Nunc id magna orci. Integer felis augue, congue a sapien nec, vestibulum consequat dui.
Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur tristique gravida arcu, et rhoncus tortor aliquam vitae. Phasellus hendrerit quis tellus id luctus. Quisque commodo lacus sed risus posuere, id scelerisque sapien sagittis. Nunc molestie purus ut bibendum feugiat. Sed mollis, eros a placerat efficitur, tortor velit facilisis metus, eleifend iaculis diam ante et nisi. Praesent et dolor rutrum sapien viverra facilisis. Suspendisse vehicula metus felis, nec interdum risus tempus non. In in venenatis mauris. Etiam id vulputate justo.
@tagged
[attr="class","maindot2"]● ● ● ● ●
[attr="class","ldot1"]●
[attr="class","ldot2"]●
[attr="class","ldot3"]●
[attr="class","ldot4"]●
[attr="class","ldot5"]●
made by lati
[newclass=".wholedot"]width: 450px; margin:auto[/newclass][newclass=".maindot1"]color:#333;font-size:60px;margin-top:-40px[/newclass][newclass=".maindot2"]color:#333;font-size:60px; margin-top:-40px[/newclass][newclass=".dotbody"]text-align: justify; width: 350px; font-size: 10px; letter-spacing: -0.3px;[/newclass][newclass=".ldot1"]color:#FFD54F;font-size:40px;opacity:0;transition:0.3s; transition-delay: 0.1s; margin-left: -450px; margin-top: -58px;[/newclass][newclass=".ldot2"]color:#E57373;font-size:40px;opacity:0;transition:0.3s; transition-delay: 0.15s; margin-left: -450px; margin-top: -48px; [/newclass][newclass=".ldot3"]color:#9575CD;font-size:40px;opacity:0;transition:0.3s; transition-delay: 0.2s; margin-left: -450px; margin-top: -48px; [/newclass][newclass=".ldot4"]color:#64B5F6;font-size:40px;opacity:0;transition:0.3s; transition-delay: 0.25s; margin-left: -450px; margin-top: -48px; [/newclass][newclass=".ldot5"]color:#81C784;font-size:40px;opacity:0;transition:0.3s; transition-delay: 0.3s; margin-left: -450px; margin-top: -48px; [/newclass][newclass=".wholedot:hover .ldot1"]opacity : 1; margin-left:-51%[/newclass][newclass=".wholedot:hover .ldot2"]opacity : 1; margin-left:-25.5%[/newclass][newclass=".wholedot:hover .ldot3"]opacity : 1; margin-left: 0%[/newclass][newclass=".wholedot:hover .ldot4"]opacity : 1; margin-left:25.5%[/newclass][newclass=".wholedot:hover .ldot5"]opacity : 1; margin-left:51%[/newclass]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent et risus aliquet, blandit urna non, molestie augue. Duis eget arcu metus. Aenean rhoncus turpis nec tortor vulputate facilisis. Quisque in libero ac massa ornare rhoncus eu a lacus. Ut et augue quis lacus tincidunt varius id in enim. Nam vel lorem eu augue volutpat posuere. Curabitur vel ex nisl. Donec orci velit, iaculis consectetur quam quis, luctus molestie ligula. In risus nunc, pellentesque et nisi et, interdum laoreet ligula.