Busy. Please wait.

show password
Forgot Password?

Don't have an account?  Sign up 

Username is available taken
show password


Make sure to remember your password. If you forget it there is no way for StudyStack to send you a reset link. You would need to create a new account.
We do not share your email address with others. It is only used to allow you to reset your password. For details read our Privacy Policy and Terms of Service.

Already a StudyStack user? Log In

Reset Password
Enter the associated with your account, and we'll email you a link to reset your password.

Remove Ads
Don't know
remaining cards
To flip the current card, click it or press the Spacebar key.  To move the current card to one of the three colored boxes, click on the box.  You may also press the UP ARROW key to move the card to the "Know" box, the DOWN ARROW key to move the card to the "Don't know" box, or the RIGHT ARROW key to move the card to the Remaining box.  You may also click on the card displayed in any of the three boxes to bring that card back to the center.

Pass complete!

"Know" box contains:
Time elapsed:
restart all cards

Embed Code - If you would like this activity on your web page, copy the script below and paste it into your web page.

  Normal Size     Small Size show me how

css week 6

border-radius: 25px; Create a rounded border for a box
border-image: url(img.jpg) 5% round; Create an image border
background: linear-gradient(red,green,blue); Create a linear gradient color
background: linear-gradient(to right,red,green,blue); Create a linear gradient color with direction left to right
background: linear-gradient(to left,red,green,blue); Create a linear gradient color with direction right to left
background: linear-gradient(to top,red,green,blue); Create a linear gradient color with direction bottom to top
background: linear-gradient(to bottom,red,green,blue); Create a linear gradient color with direction top to bottom
background: radial-gradient(red,green,blue); Create a radial gradient color
h3 { text-shadow: 2px 2px hotpink; } Insert a text shadow in heading 3
OverflowEllipsis:hover{overflow:visible; width:100%; } Hover over the element to display the hidden text
p{word-wrap: break-word;} Change the line if the paragraph is at the end of the outline box
Transform: translate(200px,200px); You can move an element using this method
Transform: rotate(45deg); Rotate a shape
Transform: scale(2 , 2 ); Change the size of an element
Transform: rotateX(500deg); Rotate X a shape
Transform: rotateY(500deg); Rotate Y a shape
Transform: rotateZ(500deg); Rotate Z a shape
.brightness_filter {filter: brightness(150%);} Apply a brightness filter
.grayscale { filter: grayscale(150%); } Apply a grayscale filter
.opacity {filter: opacity(40%);} Apply an opacity filter
img :hover { transform: scaleX(-1); } Flip an image horizontally
Cursor: not-allowed; Disabled button
Display: block; Vertical Group Button
Column-count: 4; Separate the content in four columns
Column-rule: 2px solid grey; insert a line between the columns
Resize: horizontal; Resize horizontal the text area
Resize: vertical; Resize vertical the text area
Resize:both; Resize vertical and horizontal the text area
Created by: kcoulee