Go to the code8-2_trans.css file and at the bottom of the file create a style rule for the figure element during the hover event that:

Sets the width to 400 pixels,
Sets the z-index value to 2, and
Applies the transition for the change in the width property over a 2-second interval.

Create a style rule for img elements within hovered figure elements that:

Sets the width to 100%
Applies the drop-shadow(offset-x offset-y blur-radius color) and grayscale(0) filter functions,
Sets the drop shadow offset to 10 pixels in the horizontal and vertical directions and the blur radius to 20 pixels,
Sets the color value to black, and
Applies a transition to the change in the filter property over a 2-second interval.

Create a style rule for figcaption elements within the hovered figure element, that sets the font size to 1.2em, and applies the change in font size over a 2-second transition.

Create a style rule for the #fig1 through #fig6 elements which are hovered, that rotates the elements to 0 degrees using the transform property, and applies a 2-second transition to all properties of those figures.

Answers

Answer 1

Answer:

figure:hover {

width: 400px;

z-index: 2;

transition: width 2s;

}

figure:hover img {

width: 100%;

filter: drop-shadow(10px 10px 20px black) grayscale(0);

transition: filter 2s;

}

figure:hover figcaption {

font-size: 1.2em;

transition: font-size 2s;

}

#fig1:hover,

#fig2:hover,

#fig3:hover,

#fig4:hover,

#fig5:hover,

#fig6:hover {

transform: rotate(0deg);

transition: all 2s;

}

please mark me brainliest


Related Questions

File types like TIF and PNG are compressed to have smaller file sizes, and when opened, the files are uncompressed and display all their original data.a. Trueb. False

Answers

The given statement "File types like TIF and PNG are compressed to have smaller file sizes, and when opened, the files are uncompressed and display all their original data" is false because TIF and PNG files can be compressed or uncompressed depending on the way they are saved.

However, when a compressed file is opened, it needs to be decompressed in order to display the original data. This process can result in loss of data and affect the quality of the image. Additionally, not all image file types are capable of compression or are compressed by default, such as BMP or RAW file types.

Therefore, it is important to carefully consider the file type and compression settings when saving and sharing image files to ensure that the original data and quality are preserved.

You can learn more about file compression at

https://brainly.com/question/17266589

#SPJ11

eileen is a web app developer. all the apps that eileen builds run in linux containers on the cloud. she currently uses a windows 7 operating system. why should eileen consider upgrading to windows 10?

Answers

Eileen should consider upgrading to Windows 10 for several reasons, including: Support, Compatibility, Performance and Features.

Reason to upgrading Windows 10:Support: Microsoft has ended support for Windows 7, which means it is no longer receiving security updates or technical assistance. Upgrading to Windows 10 will ensure that Eileen has access to the latest security updates and technical support.Compatibility: Windows 10 offers better compatibility with modern hardware and software. This means that Eileen will have an easier time running the latest development tools and applications.Performance: Windows 10 is designed to be faster and more efficient than Windows 7, which means that Eileen's computer will run faster and smoother with the newer operating system.Features: Windows 10 has a number of features that are not available in Windows 7, including Cortana, a virtual assistant, and the ability to run multiple virtual desktops.Cloud integration: Windows 10 has better integration with cloud services such as OneDrive, which is important for a developer like Eileen who is building web apps that run in containers on the cloud.

Overall, upgrading to Windows 10 will provide Eileen with a more secure, compatible, and feature-rich environment for her web app development work.

Learn more about windows

https://brainly.com/question/25243683

#SPJ11

Solve each system by elimination. 1) −4x − 2y = −12 4x + 8y = −24

Answers

Use the following terms in your answer, Student question: Solve each system by elimination. 1) −4x − 2y = −12 4x + 8y = −24The given system of equations are,-4x - 2y = -124x + 8y = -24Solving the given system of equations by elimination method:

We can obtain 4x from the second equation by dividing the whole equation by 4.4x + 2y = -6Now add the above obtained equation with first equation of the given system of equations.

-4x - 2y = -12+4x + 2y = -6---------------------0x - 0y = -18

Now, there is no unique solution for the given system of equations. Therefore, we cannot determine a value of x and y that satisfies both the given equations.Note:

When we add two equations and the resultant equation is of the form "0x+0y=k",

where k is not equal to zero, then the system has no solution.
To solve the given system of equations by elimination, follow these steps:
1) Write the given equations:
  Equation 1: -4x - 2y = -12
  Equation 2: 4x + 8y = -24
2) Add the two equations together to eliminate the variable x:
  (-4x - 2y) + (4x + 8y) = (-12) + (-24)
3) Simplify the resulting equation:
  -4x + 4x - 2y + 8y = -12 - 24
  6y = -36
4) Divide both sides by 6 to solve for y:
  6y / 6 = -36 / 6
  y = -6
5) Substitute the value of y back into either Equation 1 or Equation 2 to solve for x. We'll use Equation 1:
  -4x - 2(-6) = -12
6) Simplify the equation:
  -4x + 12 = -12
7) Subtract 12 from both sides:
  -4x = -24
8) Divide both sides by -4 to solve for x:
  -4x / -4 = -24 / -4
  x = 6
The solution to the system of equations is x = 6 and y = -6.

for more such question on elimination

https://brainly.com/question/24078509

#SPJ11

you need to choose a performance option for an azure storage account. this storage account will host multiple storage formats, and will need to keep costs low, while maintaining an acceptable level of performance. which performance option should you choose?

Answers

Choose the Standard performance option for an Azure storage account hosting multiple storage formats to keep costs low while maintaining acceptable performance.

What is azure?
Azure is a cloud computing platform and service provided by Microsoft that enables organizations to build, deploy, and manage applications and services through a global network of Microsoft-managed data centers. It provides various services such as computing, storage, networking, databases, analytics, machine learning, and more. With Azure, organizations can quickly and easily scale their infrastructure as needed, paying only for the resources they use, and avoiding the cost and complexity of managing their own physical hardware. Azure supports a wide range of programming languages, frameworks, and operating systems, making it a versatile and flexible solution for modern application development and deployment.

If you need to keep costs low while maintaining an acceptable level of performance for an Azure storage account that will host multiple storage formats, then the Standard performance tier is a good choice. It provides reliable and cost-effective storage for a broad range of workloads and offers a balance of price and performance, making it suitable for most general-purpose storage needs.


To know more about cloud computing visit:
https://brainly.com/question/29737287
#SPJ1

T/F because one memory location can be used repeatedly with different values, you can write program instructions once and then use them for thousands of separate calculations

Answers

The given statement that "because one memory location can be used repeatedly with different values, you can write program instructions once and then use them for thousands of separate calculations" is true.

Explanation:

Programming is the process of instructing computers to perform certain tasks. The central processing unit (CPU) is responsible for processing instructions in a computer's memory. When the program is executed, it is loaded into the computer's memory, where the CPU can access it.

The computer's memory consists of tiny electronic switches that can be turned on or off to store data. Each switch is known as a bit. The computer's memory is divided into tiny storage units known as bytes. Each byte has a unique address, similar to a house's street address. The memory location's address serves as a unique identifier for the data stored there.

When programming, developers can utilize one memory location repeatedly with various values. As a result, developers can create program instructions once and then use them for thousands of separate calculations, saving time and increasing productivity.

So, the given statement is true.

Learn more about computer memory here:

https://brainly.com/question/30423082

#SPJ11

what does a program's end-user license agreement (eula) typically include? group of answer choices all of these answers rules specifying how the software may be used warranty disclaimers rules concerning duplication of the software

Answers

The End-User License Agreement (EULA) typically includes rules specifying how the software may be used, warranty disclaimers, and rules concerning duplication of the software. The EULA is a legally binding agreement between the end-user (the person using the software) and the software's developer or publisher. It outlines the rights and obligations of each party.

The EULA typically includes rules about how the software may be used, such as whether the user can install it on multiple computers or make copies of the software. It also outlines what activities the user may and may not do with the software, such as making modifications or redistributing it.

The EULA typically also includes a warranty disclaimer, which states that the software is provided “as is” and that the developer or publisher is not liable for any damages resulting from its use. Finally, the EULA usually outlines rules concerning duplication of the software. This section may specify that the user can only make one copy of the software and that further duplication is prohibited.

In summary, the EULA typically includes rules specifying how the software may be used, warranty disclaimers, and rules concerning duplication of the software. It is important for end-users to read and understand the EULA before using the software.

You can learn more about End-User License Agreement at: brainly.com/question/14681311

#SPJ11

Uniterruptable power supplies and surge suppressors will help protect your computer from power outagesa. Trueb. False

Answers

The given statement "uniterruptable power supplies and surge suppressors will help protect your computer from power outagesa." is true because uninterruptible power supplies (UPS) and surge suppressors are devices designed to protect electronic equipment, including computers, from power outages and power surges.

A UPS is a device that provides battery backup power to a computer in the event of a power outage, allowing the user to save their work and shut down the computer properly. A surge suppressor, also known as a surge protector, is a device that protects electronic equipment from voltage spikes and surges in electrical power, which can damage or destroy the equipment.

Therefore, both UPS and surge suppressors can help protect a computer from power outages and power surges, making this statement true.

You can learn more about uninterruptible power supplies (UPS) at

https://brainly.com/question/23438819

#SPJ11

the goal of information security management is to protect the confidentiality, integrity, and availability (cia) of a firm's information. what does cia mean? instructions

Answers

The goal of information security management is to protect the confidentiality, integrity, and availability (CIA) of a firm's information. CIA means:

Confidentiality: This refers to the principle that data is only available to authorized parties. Confidentiality is the method of ensuring that data or information is available only to those who are authorized to access it.Integrity: Integrity is the ability to maintain data in its original state. In this instance, the information must remain unchanged throughout the information life cycle. This aims to safeguard data from unauthorized modifications and preserve its accuracy and consistency.Availability: It refers to the principle of making sure data is available to those who require it. This means that data or information must be available to authorized individuals when they require it. In this case, information must be available to authorized users when needed, as it is useless if it is not.

Learn more about security management: https://brainly.com/question/17283819

#SPJ1

an alternative to using regular expressions to check that an input string is valid is to write your own code to check the input. what are the advantages and disadvantages of using this approach?

Answers

The advantage of writing your own code to check the validity of an input string is that it allows for a more specific set of rules to be applied for validating the string. The disadvantage of writing your own code to check the validity of an input string is that it can be time-consuming and labor-intensive.

For example, you could specify that only certain characters are allowed or that the length must be between certain boundaries. This can be more specific than using regular expressions, which are more of a generalized approach.

In addition, it can be difficult to ensure that all possible scenarios are accounted for, and mistakes may be made in the process of writing the code. This could lead to the code failing to accurately validate the input string in some cases.

Overall, writing your own code to check the validity of an input string can be useful in cases where a very specific set of rules needs to be applied for validation. However, it is important to consider the time and effort that is required to write the code, and whether it is necessary for comparison to using regular expressions.

Learn more about regular expressions for input validation:https://brainly.com/question/29481293

#SPJ11

what problem could we face if we free'd one of the people pointers (steve, greg, or matt) in the picture in the problem above?

Answers

If one of the people pointers is free'd, it could lead to an undefined behavior or a segmentation fault.

The people pointers (Steve, Greg, and Matt) in the given image are initialized to point to a character array (name) that stores their respective names. If one of these pointers is freed, it will release the memory that was allocated for the corresponding character array.

However, if the freed pointer is accessed later in the program, it will lead to an undefined behavior or a segmentation fault. This is because the memory that was allocated for the character array is no longer reserved for the program, and accessing it may result in memory errors.

Therefore, it is important to always keep track of memory allocation and deallocation in a program to avoid such issues. It is also recommended to set the freed pointer to NULL after deallocating its memory to prevent it from being used accidentally.

Learn more about segmentation fault here:

https://brainly.com/question/30765755

#SPJ11

if i forward an email to another email account and delete it will it delete from the original account?

Answers

Yes, if you forward an email to another email account and delete it from the original account, it will be deleted.

Here is a step-by-step explanation:
1. Log in to the original email account.
2. Find the email you want to forward and delete.
3. Click on the email and open it.
4. At the top of the email there should be an option to 'forward'.
5. Enter the email address of the recipient you wish to forward the email.
6. Click 'send'.
7. After you have sent the email, click on the trash or delete button on the original email to delete it.
8. Confirm that you would like to delete the email from the original account.

By following these steps, you will be able to forward an email to another account and delete it from the original account.

You can learn more about email at: brainly.com/question/14666165

#SPJ11

Other Questions
according to luthans, if you want to be a successful manager, your time would be best spent on which managerial activity? group of answer choices traditional management communication human resource manag what role does harmony play in a design? Help with this problem guys no trolling please i really need it true or false: of the two divisions of the autonomic nervous system, only parasympathetic fibers travel in spinal nerves. Suppose Sosha wants to find out more about the bionic reconstruction. She would find most of her information __________.A.Under the term "Safety" on a Web site for motorcyclistsB.Under the heading "Prosthetics" in a medical reference bookC.In the glossary of a book about university programs in AustriaD.In a health textbook, on a diagram of the hand HELPPPPPPPPPPPPPPPPPPPANSWER 4 AND 5 PLEASE which of the following should have the greatest molar entropy at 298k? group of answer choices h2o(l) nacl(aq) ch4 (g) nacl(s) how long minimum amount of time you can have your probationary license? two blocks are joined by an inextensible cable as shown. the system is released from rest. if consider friction force, how many forces acting on a will do work? the argument that the death penalty is justified because the most horrendous crimes deserve the most severe punishment is an example of which rationale for punishment? multiple choice restoration protection deterrence retribution\ Translate to English. ANSWER ALL QUESTIONS OR RESPOND TO ALL DEMANDS!!!please.....Hola, espero que todos estn teniendo un da increble. sabes lo mala que puede ser la vida a veces. Pero estoy aqu para levantarte, dando gratis___ Puntos............ Solo tmalos y no retrocedas. De acuerdo? Comenta e inicia una conversacin aleatoria o comenta tu fruta favorita. every atom (other than hydrogen and helium) that you see around us, making up everything including the earth, is literally group of answer choices from the big bang star stuff, from stars 5 fewer than the product of 7 and a number is no more than 50. A body moving at 50m/s decelerates uniformly at 2/ms? until it comes to rest. What distance does it cover from the time it starts to decelerate to the time it comes to rest. suppose that we observe a relative price increase of us goods. which graph most accurately shows how this would affect the aggregate demand - aggregate supply model? what is the electron drift speed? copper has an gram molecular mass of 63.55 g and a density of 8.93 g/cc. assume one electron per atom contributes to the conduction process. published financial statements may be incorrect because of (select all that apply.) multiple select question. errors. choices available under gaap. fraud. lack of external verification. what did older kids do that is technically against the rules in order to help younger kids? the giver which tertiary prevention measure should be included in the health promotion plan of care for a patient newly diagnosed with diabetes? Please help!!!! Will mark Brainliest! The two lines graphed on the coordinate grid represent a system of equations. What is the x-coordinate of the ordered pair that best represents a solution to both equations?