Can css3 add an animation to multiple child elements?

parent class .cart, subclass .sofa, class .now represents-style after moving .cart to the right as a whole

.screen4 .cart {

height:346px;
background: url("../images/04-cart.png") no-repeat center bottom;
text-align: center;
margin-top:0px;

}

.screen4 .cart .sofa {

position: absolute;
top: 180px;
left: 380px;
transform:rotate(45deg);
opacity: 0;

}
.screen4.now .cart .sofa {

opacity: 1;

}
.screen4.Now .cart {

transform: translateX(1000px);
transition: transform 5s linear;

The problem encountered by

}
is: when you move to the right, the class. Soap child element automatically moves down, can css do the problem I described? Or does anyone know how to change it? Or are there any other solutions besides animating each element?

Css

Jun.28,2022

Previous: Vue.js 2.0 splice has a problem deleting the last element

Next: Hyperledger-fabric1.0.0 version make docker Times error

Countdown, click event?
A timing examination system is triggered if the click event is triggered within 5 seconds, and if it is not triggered, the system marks the correct answer at the end of the countdown. How to implement ...

Html css javascript

Feb.26,2021
Multiple choice questions, how to judge whether the chosen answer is the correct answer?
I got a set of data, which is to choose the type of question. How can I tell if I have chosen the right one answera: "Olympic Games " answerb: "Asian Games " answerc: "Paralympic Games " answerd: "University Games " id: "1772 " question: "f...

Javascript css html

Feb.26,2021
Why not pause after alert, but immediately refresh the address, this alert is written by yourself?
...

Html css javascript

Feb.26,2021
The problem of uploading attachments to the mobile version
do the gods have plug-ins for uploading attachments in the mobile version that can also be uploaded more than one? ...

Html5 node.js css html javascript

Feb.26,2021
What is the current level of support for vw,vh layouts in mobile browsers?
what is the current level of support for vw,vh layouts in mobile browsers? ...

Html5 javascript css html

Feb.26,2021
Running npm run dev on nuxt will report an error as follows
...

Html5 node.js html css javascript

Feb.26,2021
How to implement fixed positioning relative to a specified parent element
the traditional position: fixed; is relative to the window, and there are two main points of the problem . relative to the specified parent element fixed positioning encountered the following problems in mobile development. The green box is the...

Css html javascript

Feb.26,2021
What fullpage plug-in with arrows and dot navigation
as shown in the red box of the second picture, is there any recommendation for this plug-in? Thank you. the screenshot is uploaded, so let s just look at it. nothing can be found in vueawesome. ...

Vue.js html5 html css

Feb.26,2021
Clear floating and flex layout
I would like to ask why the clear floating code I wrote is invalid. and. How to use the flex layout to make the horizontal arrangement of the above two div fill the entire screen. The third div is filled with the bottom location. code is as follows: `...

Html css

Feb.26,2021
Let table be able to separate different colors?
want to explain how to make table different colors? is not different. is . <table> <tr> <td width="100">a< td> <td><a>< td> < tr> <tr> ...

Jquery css3 css html5 table

Feb.26,2021
How to get user id?
there is an h5 page embedded in the encapsulated APP. After the function of issuing an order, how can I get the user s id to add the address and place the order ...

Html css php javascript

Feb.26,2021
On the problem of element movement in canvas
A picture grows slowly when it slides up to a certain extent. Why does it bring out a line that has been entangled all night? I can t find the reason. ...

Html5 html css javascript

Feb.26,2021
Answer questions online? Increase or decrease in data?
A similar question, I want to know how to deal with the number of correct answers. I originally wanted to declare a variable and then decide to add it when the answer is right, but not if it is wrong. But what is printed is always 0 and 1 ....

Html css php javascript

Feb.26,2021
The chamfering effect is realized by css under mac, and the display is abnormal.
mac chamfering effect, the display is abnormal, the code is as follows, please take a look at ...

Html css

Feb.26,2021
How to write reset in sass
I wonder if there is any ready-made reset library based on sass, similar to reset.css . Please also recommend a responsive framework based on sass (designed to solve responsive problems) or a useful sass mixin library ...

Css sass

Feb.26,2021
Vue page switching fixed positioning problem
<template> <div style="height: 100%;"> <mt-header title=""> <mt-button icon="back" slot="left" v-tap="{methods: switchView, view: Post }">< mt-button> &l...

Vue.js html5 css

Feb.26,2021
How to make transform move relative to its current position
apply the transform attribute to a div, and then click it to add a class name, which is also a transform, in the class, but then it moves relative to the original location. How to make her want to move for the current location? ...

Javascript css

Feb.26,2021
Vue page switching fixed positioning problem?
<template> <div style="height: 100%;"> <mt-header title=""> <mt-button icon="back" slot="left" v-tap="{methods: switchView, view: Post }">< mt-button> &l...

Css3 css html5 vue.js

Feb.27,2021
It is worth passing between pages
make an answer system, trigger the click event on the answer page (choose the correct answer), and add 1. No mistakes. Now the whole answer is finished. Jump to another page, that is, the answer completion page, how can I get the value of the correct ans...

Html css php javascript

Feb.27,2021
How to set the input box of element when there is no content, the width is 0 and the width is adaptive when there is content.
how to set the input box of element when there is no content, the width is 0 and the width is adaptive when there is content ...

Css

Feb.27,2021