want to implement when I click on a view, a white triangle at the bottom slides to the specified position, what should I do? ...
the following layout rules .line-block (small blue blocks) quantity, variable width and height .container (container) variable width .line-block align to the left in the line, starting to the left in the whole in .cantainer aligns ...
1, the demand is to have a list of pictures. After right-clicking, the current picture will zoom out and disappear, and the following picture will automatically slide to fill the position. I found that after the vue data was updated, the view was refres...
as shown in figure do you have ready-made wheels? ...
effect is such a loading animation :not:required the complete source code is as follows: <span class="spinner-loader">Loading< span> @-moz-keyframes spinner-loader { 0% { -moz-transform: rotate(0deg); transform: rota...
1, there is a need to drag the icon, put it in one place, and generate a shortcut. I used the drag attribute in CSS to drag 2. The problem is: drag with the background color before dragging. I don t want this background color. here s what happens w...
as shown in the figure, there will be a red bar when selected. If you let the red bar expand from the middle to both sides when selected? ...
problem description transform card 3D conversion, with content An on the front and content B on the back. The ideal result is that content A disappears and content B displays after the card is flipped. chrome is normal. Content A disappears after car...
set style <style lang="scss" scoped> * { margin: 0; padding: 0; box-sizing: border-box; } < style> found that it is only valid for some elements. all valid after being changed to deep .editor deep { * { ...
what are the advantages and disadvantages of using animation and positioning displacement? ...
viewBox , width , height are defined in the viewBox tag. When the ratio of viewBox to physical size is 1: 1, everything is fine. when the ratio is not 1:1 , scale using css3 appears as shown in the figure how to set up the trigger ani...
such as the title, after searching, they all found examples of the Android platform. horizontal sliding effect of the application in the Google Play store probably means that there are a lot of pictures in a , but because this has a width, it will...
encountered a problem, introduced animate.css into the vue project to implement transition animation, but there were some strange problems. The problem with is shown in the figure 1:1 . I really don t know how to describe the problem in this figure....
problem scenario: the recently developed Vue project found that the network is too poor, causing the first screen of the page to go blank for nearly 3 seconds. You want to optimize the first screen rendering problem. Optimization scheme: 1 reduce co...
effect how to implement such a border, or background requirements Pure css do not use pictures do not use canvas do not use js Don t worry about compatibility ...
div 1 3412342 wp ...
first question? Ask how the animation of watering in Alipay is realized? Is transition? second question: what preparations should be made for the front end of partial user experience if you want to do interaction design? Thank you Happy New y...
<style> div { width: 95vw ; height: 200px; background-color: red; position: absolute; left:50%; transform: translateX(-50%); } < style> <div>< div> horizontal scroll bar will appear during ie because t...
-sharpnotebook > * { float: left; display: flex; flex-direction: column; height: 100%; > * { flex: auto 0 0; } } the second paragraph css > * {flex:auto 00;} is nested in the first paragraph of code. Is that wr...
<style> p { text-indent: 2em; *2*66px* font-size: 16px; } .div { font-size: 66px; } < style> <div class="div"> ...