css8

Authored by Ahmed elasey

Science

1st - 5th Grade

Used 3+ times

AI Actions

Add similar questions

Adjust reading levels

Convert to real-world scenario

Translate activity

More...

Content View

Student View

9 questions

Show all answers

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

<style>
div {
width: 300px;
height: 100px;
background-color: red;
border: 1px solid black;
}
div#myDiv {
transform: rotate(20deg);
}
</style>

الكود يعطى ما بالصورة

الكود لا يعطى ما بالصورة

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

<style>
div {
width: 300px;
height: 100px;
background-color: yellow;
border: 1px solid black;
}
div#myDiv {
transform:skew(20deg);
}
</style>

الكود يعطى ما بالصورة

الكود لا يعطى ما بالصورة

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

<style>
div {
width: 300px;
height: 100px;
background-color: yellow;
border: 1px solid black;
}
div#myDiv {
transform:rotate(20deg);
}
</style>

الكود يعطى ما بالصورة

الكود لا يعطى ما بالصورة

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

<style>
div {
width: 300px;
height: 100px;
background-color: yellow;
border: 1px solid black;
}
div#myDiv {
transform: skew(20deg);
}
</style>

الكود صح

الكود خطأ

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

المدة التى يتحول بها الشكل تسمى

animation

transition

time

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

div {
width: 100px;
height: 100px;
background: red;
time: width 2s;
}
div:hover {
width: 300px;
}
</style>

الكود صح

الكود خطأ

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

div {
width: 100px;
height: 100px;
background: red;
time: width 2s;
}
div:hover {
width: 300px;
}
</style>

الكود صح

الكود خطأ

Access all questions and much more by creating a free account

Create resources

Host any resource

Get auto-graded reports

Continue with Google

Continue with Email

Continue with Classlink

Continue with Clever

or continue with

Microsoft

Apple

Others

Already have an account?

Similar Resources on Wayground

10 questions

NC 5th Grade-Life Science

Quiz

•

5th Grade

10 questions

Year 4 Lo 5 – What is energy?

Quiz

•

4th Grade

10 questions

5.2 Energy

Quiz

•

5th Grade

14 questions

Conservation of Matter

Quiz

•

5th - 7th Grade

10 questions

Tahun 5 Unit 1 Kemahiran Saintifik

Quiz

•

5th Grade

10 questions

Digestion

Quiz

•

4th Grade

10 questions

KSSM Science form 2 chapter 6

Quiz

•

2nd Grade

10 questions

Asset Science Quiz Grade 4

Quiz

•

1st - 5th Grade

Popular Resources on Wayground

15 questions

Fractions on a Number Line

Quiz

•

3rd Grade

20 questions

Equivalent Fractions

Quiz

•

3rd Grade

25 questions

Multiplication Facts

Quiz

•

5th Grade

$fractions$

22 questions

fractions

Quiz

•

3rd Grade

20 questions

Main Idea and Details

Quiz

•

5th Grade

20 questions

Context Clues

Quiz

•

6th Grade

15 questions

Equivalent Fractions

Quiz

•

4th Grade

20 questions

Figurative Language Review

Quiz

•

6th Grade

Discover more resources for Science

20 questions

The Water Cycle

Quiz

•

5th Grade

20 questions

Weathering, Erosion, Deposition

Quiz

•

5th Grade

15 questions

Physical and Chemical Changes

Quiz

•

4th Grade

20 questions

Food Chains and Food Webs Review

Quiz

•

5th Grade

21 questions

Solar System Review

Quiz

•

5th Grade

20 questions

Food Webs

Quiz

•

5th Grade

18 questions

Acquired Trait and Inherited Trait

Quiz

•

5th Grade

13 questions

2nd Grade Unit 5

Quiz

•

2nd Grade

css8

<style>
div {
width: 300px;
height: 100px;
background-color: red;
border: 1px solid black;
}
div#myDiv {
transform: rotate(20deg);
}
</style>

<style>
div {
width: 300px;
height: 100px;
background-color: yellow;
border: 1px solid black;
}
div#myDiv {
transform:skew(20deg);
}
</style>

<style>
div {
width: 300px;
height: 100px;
background-color: yellow;
border: 1px solid black;
}
div#myDiv {
transform:rotate(20deg);
}
</style>

<style>
div {
width: 300px;
height: 100px;
background-color: yellow;
border: 1px solid black;
}
div#myDiv {
transform: skew(20deg);
}
</style>

المدة التى يتحول بها الشكل تسمى

div {
width: 100px;
height: 100px;
background: red;
time: width 2s;
}
div:hover {
width: 300px;
}
</style>

div {
width: 100px;
height: 100px;
background: red;
time: width 2s;
}
div:hover {
width: 300px;
}
</style>

<html>
<head>
<style>
div {
width: 100px;
height: 100px;
background: red;
transition: width 2s;
}
div:hover {
width: 300px;
}
</style>
</head>
<body>
</body>
</html>

<html>
<head>
<style>
div {
width: 100px;
height: 100px;
background: red;
transition: width 2s;
}
div:hover {
width: 300px;
}
</style>
</head>
<body>
<div></div>
</body>
</html>

Access all questions and much more by creating a free account

Similar Resources on Wayground

Popular Resources on Wayground

Discover more resources for Science

css8

<style>div { width: 300px; height: 100px; background-color: red; border: 1px solid black;}div#myDiv { transform: rotate(20deg);}</style>

<style>div { width: 300px; height: 100px; background-color: yellow; border: 1px solid black;}div#myDiv { transform:skew(20deg);}</style>

<style>div { width: 300px; height: 100px; background-color: yellow; border: 1px solid black;}div#myDiv { transform:rotate(20deg);}</style>

<style>div { width: 300px; height: 100px; background-color: yellow; border: 1px solid black;}div#myDiv { transform: skew(20deg);}</style>

المدة التى يتحول بها الشكل تسمى

div { width: 100px; height: 100px; background: red;time: width 2s;}div:hover { width: 300px;}</style>

div { width: 100px; height: 100px; background: red;time: width 2s;}div:hover { width: 300px;}</style>

<html><head><style> div { width: 100px; height: 100px; background: red; transition: width 2s;}div:hover { width: 300px;}</style></head><body></body></html>

<html><head><style> div { width: 100px; height: 100px; background: red; transition: width 2s;}div:hover { width: 300px;}</style></head><body><div></div></body></html>

Access all questions and much more by creating a free account

Similar Resources on Wayground

Popular Resources on Wayground

Discover more resources for Science

<style>
div {
width: 300px;
height: 100px;
background-color: red;
border: 1px solid black;
}
div#myDiv {
transform: rotate(20deg);
}
</style>

<style>
div {
width: 300px;
height: 100px;
background-color: yellow;
border: 1px solid black;
}
div#myDiv {
transform:skew(20deg);
}
</style>

<style>
div {
width: 300px;
height: 100px;
background-color: yellow;
border: 1px solid black;
}
div#myDiv {
transform:rotate(20deg);
}
</style>

<style>
div {
width: 300px;
height: 100px;
background-color: yellow;
border: 1px solid black;
}
div#myDiv {
transform: skew(20deg);
}
</style>

div {
width: 100px;
height: 100px;
background: red;
time: width 2s;
}
div:hover {
width: 300px;
}
</style>

div {
width: 100px;
height: 100px;
background: red;
time: width 2s;
}
div:hover {
width: 300px;
}
</style>

<html>
<head>
<style>
div {
width: 100px;
height: 100px;
background: red;
transition: width 2s;
}
div:hover {
width: 300px;
}
</style>
</head>
<body>
</body>
</html>

<html>
<head>
<style>
div {
width: 100px;
height: 100px;
background: red;
transition: width 2s;
}
div:hover {
width: 300px;
}
</style>
</head>
<body>
<div></div>
</body>
</html>