小编Val*_*udu的帖子

您好想制作一个具有心跳效果的图像.它必须调整一下,比如说最大20像素,然后再调整到原始大小.这将像一个心跳,2节拍 - 原始,2节拍 - 原始.

到目前为止,我发现只有这种效果:

    (function pulse(back) {
    $('#seventyfive').animate(
        {
            'font-size': (back) ? '100px' : '140px',
            opacity: (back) ? 1 : 0.5
        }, 700, function(){pulse(!back)});
})(false);

或者你可以在这里查看:JSFiddle

我有一个 Material UI 对话框，它将显示一堆图像，这些图像具有横向或纵向纵横比。他们也可能有不同的解决方案。我想找到一个优雅的解决方案来保持对话框的高度为屏幕的 80%。

但无需滚动即可将整个图像放入对话框中，这是一个SandboxExample。

或者找到下面的代码片段：

<div>
  <Button variant="outlined" color="primary" onClick={handleClickOpen}>
    Open dialog
  </Button>
  <Dialog
    open={open}
    onClose={handleClose}
    hasCloseButton
    style={{ maxWidth: "100%", maxHeight: "100%" }}
  >
    <img
      style={{ maxWidth: "100%", height: 'auto' }}
      src="https://images.unsplash.com/photo-1565992441121-4367c2967103"
      alt="image"
    />
  </Dialog>
</div>

您好想制作一个具有心跳效果的图像.2个快速脉冲然后2秒休息,2个快速脉冲然后2秒休息.我想把它放在div中,如果可能的话,集中缩放锚...

这就是我现在拥有的:

(function pulse(back) {
    $('#seventyfive img').animate(
        {
            width: (back) ? $('#seventyfive img').width() + 20 : $('#seventyfive img').width() - 20            
        }
    , 700);
    $('#seventyfive').animate(
        {          
            'font-size': (back) ? '100px' : '140px',
            opacity: (back) ? 1 : 0.5
        }
    , 700, function(){pulse(!back)});
})(false);

或者你可以查看这个JSFiddle