radial-gradient(100% 200% at 50% 0,transparent 0.65em, black 0.75em, black 47%,transparent 50%) 50% 64% / 2.5em 1em;
what does 50% 64% / 2.5em 1em mean after this css code?
radial-gradient(100% 200% at 50% 0,transparent 0.65em, black 0.75em, black 47%,transparent 50%) 50% 64% / 2.5em 1em;
what does 50% 64% / 2.5em 1em mean after this css code?
is equivalent to:
background:radial-gradient(100% 200% at 50% 0,transparent 0.65em, black 0.75em, black 47%,transparent 50%);
background-position: 50% 64%;
background-size: 2.5em 1em;
50% 64% / 2.5em 1em is actually background-position / background-size,. It is written together in a compound way here. You can refer to http://css.doyoe.com/properti.
.<template> <div class="page"> <img src=".. .. .. static pic bg1.png" alt="" :class="bg"> < div> < template> <script> export default { data() { ...
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>< title> <sty...
the css action has always been a part of what I want to learn. there are great gods who can share how to change the Fortress platoon to X, press X and then change it back to Fort platoon? https: www.snapchat.com snapchat mobile version has the s...
var eles = Array.prototype.slice.call(document.querySelectorAll( .animated )); document.addEventListener( scroll , animatedFadeInUp); animatedFadeInUp(); function animatedFadeInUp() { eles = eles.filter(function(ele) { var rect = getRect(ele);...
https: store.snapchat.com I found out that he will first write and then write the word . How can this be realized? Have you ever experienced jquery? charge .ba { animation: anm_img_1 5s forwards; -webkit-animation: anm_img_1 5s forwards...
want to check has anyone seen the scroll slide down the background that was originally above will also slide in the background, possibly up or down what techniques can be used to achieve this? ...
style part .aa{position:absolute;transition:top 2s;} html part <div id="ele" class="aa">< div> js part var ele=document.getElementById( ele ) ele.onclick=function(){ ele.style.top=0 ele.style.top=100+ px se...
https: medium.com landbot-io. after you enter this article you will see that the film will be blurred first and then there will be a real effect. Which technology is used to do this? How can be realized? the only thing I can do at the moment is ...
...
there is an H5 page in the URL below. Scan the QR code. the mobile phone preview on PC and Android is normal. The animation stops after playing, but it will play a series on the iphone and then disappear (such as the two rotating leaves on the first pa...
main display <span class="notify-cart-heart">< span> .notify-cart-heart{ display: none; } backend universal $( .xxx ).load( models notify?type=cart , function(data){ if(data!= ){ $( .notify-cart-heart ).css...
this is my js var eles = Array.prototype.slice.call(document.querySelectorAll( .animated )); document.addEventListener( scroll , animatedFadeInUp); animatedFadeInUp(); function animatedFadeInUp() { eles = eles.filter(function(ele) { var rect...
<template lang="pug"> svg.ui_wave(xmlns="http: www.w3.org 2000 svg" xmlns:xlink="http: www.w3.org 1999 xlink" viewBox="0 24 150 28" preserveAspectRatio="none") defs path(i...
problem description the effect of WeChat Mini Programs development and css-animation animation on the simulator is not consistent with that of the real machine. the environmental background of the problems and what methods you have tried try the ...
I don t know what can be done. made one in svg before, but the flash point is not easy to implement. the progress bar is gradual. ...
the effect is shown in the figure: when you click, it displays a box that I use to show the hidden implementation, without animation. Now the product requires the box to be animated down when clicked and animated up when closed. How can this be re...
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...