You're making the 'Buy' button for a movie ticket website, which has the class buy-button.

The buy-button class has the following CSS:

.buy-button {
  width: 100px;
  height: 100px;
  background: Orange;
  /* Make it a circle */
  border-radius: 50%;
  /* Center horizontally and vertically */
  display: flex;
  justify-content: center;
  align-items: center;

A 1 second animation named wiggle should be added to it so the button wiggles when the mouse hovers over it.

Rotating to 25 degrees clockwise (first 0.33 s), then to 25 degrees counterclockwise (second 0.33 s) and then returning to the original position.

It should look like this:

Button moves clockwise after 0.33 seconds, counterclockwise at 0.66 seconds and back to the starting position at 1 second.

Which of the following would produce the desired animation?

(Select all acceptable answers.)

Add a .buy-button:hover CSS block with animation-duration: 1s and animation-name: wiggle in it.
Add a @keyframes wiggle CSS block with the animation steps in it.
Add transition-duration: 1s to the .buy-button CSS block.
Add transform: rotate(25deg) to the 33% key frame and transform: rotate(-25deg) to the 66% key frame.
Add animation-play-state: running to the .buy-button CSS block.
Add .buy-button::before and .buy-button:after CSS blocks with transform: rotate(25deg) inside them.

HTML/CSS Animation CSS Advanced New Public


Would you like to see our other questions?

We have 1000+ premium hand-crafted questions for 160+ job skills and 20+ coding languages. We prefer questions with small samples of actual work over academic problems or brain teasers.

Visit our question library
Private Concierge

Send us an email with an explanation of your testing needs and a list of candidates. We will create an appropriate test, invite your candidates, review their results, and send you a detailed report.

Contact Private Concierge

Would you like to see our tests? The following tests contain HTML/CSS related questions:
On the TestDome Blog

Screening Applicants: The Good, the Bad and the Ugly

Since we’re all biased and we use incorrect proxies, why not just outsource hiring to experts or recruitment agencies? After all, they’ve been screening people for many years, so they must know how to do it right?

Not really. I was surprised to discover that many experts disagree with each other. Everybody praises their pet method and criticizes the others. Many of these methods look legitimate, but are based on...

Dashboard Start Trial Sign In Home Tour Tests Questions Pricing