wistful
c u l8r alligator
[class name=imgfilter]
filter: contrast(130%) ;
[/class]
t w o - f a c e d - y o u t h
c h a r a c t e r s h e e t s
due date: August 6th
code by
wistful
wistful
no slide
-
p e r s o n a[div class=imgfilter][/div]
-
Likes (3+)
Dislikes (3+)
Vices and Virtues
Goals
Fears
-
h i s t o r y[div class=imgfilter][/div]
-
Your characters life; past and present.
Include:
- Home life
- School life
(and whatever pops into your mind)
-
e x t r a[div class=imgfilter][/div]
-
If you want to add anything else in the cs please do so.
Examples:- Pets
- Vehicle
- Home
- Relationships
Last edited:
blique;
font-weight:bold;
letter-spacing:1px;
[/class]
[class=boxshadow]
box-shadow:6px 7px 5px rgba(0, 0, 0, 0.34)
[/class]
[class=window1Close]
height:17px;
width:17px;
background-color:#e53d3d;
position:absolute;
top:2.3px;
left:274.5px;
z-index:6;
border-radius:1.8px;
[/class]
[class=window2Close]
height:17px;
width:17px;
background-color:#e53d3d;
position:absolute;
top:2.8px;
left:209.5px;
z-index:6;
border-radius:1.8px;
[/class]
[class=window3Close]
height:17px;
width:17px;
background-color:#e53d3d;
position:absolute;
top:2.3px;
left:274.5px;
z-index:6;
border-radius:1.8px;
[/class]
[class=window4Close]
height:17px;
width:17px;
background-color:#e53d3d;
position:absolute;
top:2.3px;
left:155px;
z-index:6;
border-radius:1.8px;
[/class]
[class=windowX]
font-size:15px;
color:white;
font-weight:bold;
position:relative;
left:3.3px;
top:-2.5px;
cursor:pointer;
[/class]
[class=window1Open]
height:60px;
width:60px;
cursor:pointer;
position:relative;
margin-left:25px;
top:-60px;
[/class]
[class=window2Open]
height:60px;
width:60px;
cursor:pointer;
position:relative;
margin-left:25px;
top:-60px;
[/class]
[class=window3Open]
height:60px;
width:60px;
cursor:pointer;
position:relative;
margin-left:25px;
top:-60px;
[/class]
[class=window4Open]
height:60px;
width:60px;
cursor:pointer;
position:relative;
margin-left:25px;
top:-60px;
[/class]
[script class=window1Open on=click]
addClass windowOpen wcontainer1
addClass boxshadow window1
removeClass windowClose wcontainer1
[/script]
[script class=window2Open on=click]
addClass windowOpen wcontainer2
addClass boxshadow window2
removeClass windowClose wcontainer2
[/script]
[script class=window3Open on=click]
addClass windowOpen wcontainer3
addClass boxshadow window3
removeClass windowClose wcontainer3
[/script]
[script class=window4Open on=click]
addClass windowOpen wcontainer4
addClass boxshadow window4
removeClass windowClose wcontainer4
[/script]
[script class=window1Close on=click]
addClass windowClose wcontainer1
removeClass windowOpen wcontainer1
removeClass boxshadow window1
[/script]
[script class=window2Close on=click]
addClass windowClose wcontainer2
removeClass windowOpen wcontainer2
removeClass boxshadow window2
[/script]
[script class=window3Close on=click]
addClass windowClose wcontainer3
removeClass windowOpen wcontainer3
removeClass boxshadow window3
[/script]
[script class=window4Close on=click]
addClass windowClose wcontainer4
removeClass windowOpen wcontainer4
removeClass boxshadow window4
[/script]
[class=windowOpen]
animation-name: {post_id}windowOpen;
animation-duration:0.8s;
animation-fill-mode:forwards;
[/class]
[class=windowClose]
animation-name: {post_id}windowClose;
animation-duration:0.5s;
animation-fill-mode:forwards;
[/class]
[animation=windowOpen]
[keyframe=0]
opacity:0;
transform: scale(0.05,0.05);
[/keyframe]
[keyframe=1]
opacity:1;
[/keyframe]
[keyframe=100]
opacity:1;
transform: scale(1,1);
[/keyframe]
[/animation]
[animation=windowClose]
[keyframe=0]
opacity:1;
transform: scale(1,1);
[/keyframe]
[keyframe=99]
opacity:0;
[/keyframe]
[keyframe=100]
opacity:0;
transform: scale(0.05,0.05);
[/keyframe]
[/animation]
)
