Save
Busy. Please wait.
Log in with Clever
or
show password
Forgot Password?
Don't have an account?  Sign up 
Sign up using Clever
or
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. Your email address is only used to allow you to reset your password. See 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.
focusNode
Didn't know it?
click below
 
Knew it?
click below
Don't Know
Remaining cards (0)
Know
0:00
edit
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

QuestionAnswer
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
Popular Computers sets

 

 



Voices

Use these flashcards to help memorize information. Look at the large card and try to recall what is on the other side. Then click the card to flip it. If you knew the answer, click the green Know box. Otherwise, click the red Don't know box.

When you've placed seven or more cards in the Don't know box, click "retry" to try those cards again.

If you've accidentally put the card in the wrong box, just click on the card to take it out of the box.

You can also use your keyboard to move the cards as follows:

If you are logged in to your account, this website will remember which cards you know and don't know so that they are in the same box the next time you log in.

When you need a break, try one of the other activities listed below the flashcards like Matching, Snowman, or Hungry Bug. Although it may feel like you're playing a game, your brain is still making more connections with the information to help you out.

To see how well you know the information, try the Quiz or Test activity.

Pass complete!
"Know" box contains:
Time elapsed:
Retries:
restart all cards