dazzling
blurry
[div class=container][div class=bgimg]
[div class=open][div class=opentext][/div][/div][/div]
[div class=textbg][/div][div class=textbox]
Anxiousness hangs in the air heavily as pairs of parents walk out with one last wave to their daughters. Light dimmed by the gauzy curtains filtered in and gleamed across the glossy white floor.
The future seems bleak as the new girls look around cautiously at each other. Tension fills the atmosphere in place of talking. They were stuck there for the rest of the year, and even longer if deemed 'unready' for graduation. Teachers were nowhere to be seen, and there were only three girls in the spacious room. Today was Orientation, or as it had been coined, the start of their 'superior education.' It was early anLight dimmed by the gauzy curtains filtered in and gleamed across the glossy white floor. It was early and most of the students weren't being dropped off until later. An ominous crack of thunder rings out, and the familiar tapping of rain brings a cool breeze into the room. For now, it was just the three...
[/div]
[/div]
[class=container] height:400px; width:320px; margin:auto; position:relative; [/class] [class=textbg] height:400px; width:320px; background:url('https://media.giphy.com/media/l4KhKg3MCoc6HPvOg/giphy.gif'); background-size:130%; opacity:0.3; position:absolute; top:0px; left:-1px; [/class] [class=textbox] height:390px; width:310px; position:absolute; top:0px; left:0px; overflow-y:scroll; padding:5px; [/class] [class name=textbox] font-size:12px; text-align:justify; color:black; [/class] [class=bgimg] height:400px; width:320.5px; position:absolute; left:-0.5px; background:url('https://i.pinimg.com/736x/02/39/cc/0239ccb297b81e00535092a0e6126a65.jpg'); background-size:101%; z-index:6; [/class] [class=open] height:70px; width:70px; border:5px solid #ffffff; background-color:#bfbfbf; border-radius:50%; margin:auto; position:relative; top:140px; opacity:0.75; cursor:pointer; z-index:6; [/class] [class=opentext] font-size:30px; color:#92dba5; text-align:center; position:relative; top:12.5px; z-index:6; [/class] [script class=open on=click] addClass slideUp1 bgimg addClass slideUp2 open [/script] [class=slideUp1] animation-name: {post_id}slideUp; animation-duration:1.7s; animation-fill-mode:forwards; [/class] [class=slideUp2] animation-name: {post_id}slideUp; animation-duration:5.7s; animation-fill-mode:forwards; [/class] [animation=slideUp] [keyframe=0] transform: translateY(0px); [/keyframe] [keyframe=99] transform: translateY(-450px); [/keyframe] [keyframe=100] transform: translateY(-450px); visibility:hidden; [/keyframe] [/animation]
[div class=open][div class=opentext][/div][/div][/div]
[div class=textbg][/div][div class=textbox]
Anxiousness hangs in the air heavily as pairs of parents walk out with one last wave to their daughters. Light dimmed by the gauzy curtains filtered in and gleamed across the glossy white floor.
The future seems bleak as the new girls look around cautiously at each other. Tension fills the atmosphere in place of talking. They were stuck there for the rest of the year, and even longer if deemed 'unready' for graduation. Teachers were nowhere to be seen, and there were only three girls in the spacious room. Today was Orientation, or as it had been coined, the start of their 'superior education.' It was early anLight dimmed by the gauzy curtains filtered in and gleamed across the glossy white floor. It was early and most of the students weren't being dropped off until later. An ominous crack of thunder rings out, and the familiar tapping of rain brings a cool breeze into the room. For now, it was just the three...
- - - - - - - - - - -
wow, i really can't write openers. Anyways, right now the girls are alone in the lobby. They can talk, go straight to their rooms, or just sit there. I tried to keep it open for anyone to come in since all the roles aren't filled yet. If our teacher (
Darkhan
) wants to come in and introduce himself, that would work well too. For now, the goal is to get things moving, so do whatever![/div]
[/div]
⠀♡coded by uxie♡
[class=container] height:400px; width:320px; margin:auto; position:relative; [/class] [class=textbg] height:400px; width:320px; background:url('https://media.giphy.com/media/l4KhKg3MCoc6HPvOg/giphy.gif'); background-size:130%; opacity:0.3; position:absolute; top:0px; left:-1px; [/class] [class=textbox] height:390px; width:310px; position:absolute; top:0px; left:0px; overflow-y:scroll; padding:5px; [/class] [class name=textbox] font-size:12px; text-align:justify; color:black; [/class] [class=bgimg] height:400px; width:320.5px; position:absolute; left:-0.5px; background:url('https://i.pinimg.com/736x/02/39/cc/0239ccb297b81e00535092a0e6126a65.jpg'); background-size:101%; z-index:6; [/class] [class=open] height:70px; width:70px; border:5px solid #ffffff; background-color:#bfbfbf; border-radius:50%; margin:auto; position:relative; top:140px; opacity:0.75; cursor:pointer; z-index:6; [/class] [class=opentext] font-size:30px; color:#92dba5; text-align:center; position:relative; top:12.5px; z-index:6; [/class] [script class=open on=click] addClass slideUp1 bgimg addClass slideUp2 open [/script] [class=slideUp1] animation-name: {post_id}slideUp; animation-duration:1.7s; animation-fill-mode:forwards; [/class] [class=slideUp2] animation-name: {post_id}slideUp; animation-duration:5.7s; animation-fill-mode:forwards; [/class] [animation=slideUp] [keyframe=0] transform: translateY(0px); [/keyframe] [keyframe=99] transform: translateY(-450px); [/keyframe] [keyframe=100] transform: translateY(-450px); visibility:hidden; [/keyframe] [/animation]