Question

第一个问题它不起作用transition timing function（始终作为transition timing function: linear工作，第二个问题我想为transition timing function

设置两个设置

设置以减小窗口大小easy out
设置以增加窗口大小＆＃39;线性`

如何解决它？

＆＃13;

/*====== Ignore section __start ======*/

* {
  margin:0;
  padding:0;
}

html, body {
  height: 100%;
}

body {
  background-color: #eee;
}

.wrapper {
  height: 100%;
  display: table;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}

header {
  box-sizing: border-box;
  display: table-row;
  height: 50px;
  background-color: #eee;
  border-bottom: 1px solid #999;
}

main {
  height: 100%;
  display: table;
  width: 800px;
  margin: 0 auto;
  background-color: #fff;
  padding-bottom: 50px;
}

section {
  display: table-cell;
}
/*====== Ignore section __end ======*/


aside {
  display: table-cell;
  box-sizing: border-box;
  border-left: 1px solid #ccc;
  width: 300px;
  box-shadow: -15px 0 0 rgba(51, 51, 51, .5);

  /*__transition*/
  transition-timing-function: ease-out;
  opacity: 1;
  transition: all 2s;
}

/*====== Ignore section __start ======*/
footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  border-top: 1px solid #999;
  display: table-row;
  height: 50px;
  background-color: #eee;
}

@media screen and (max-width: 800px) {

  main {
    width: 100%;
  }
}
/*====== Ignore section __end ======*/

@media screen and (max-width: 700px) {

  aside {
    box-shadow: -15px 0 0 rgba(51, 51, 51, 0);
    opacity: 0;
    width: 0;
    border: 0px solid transparent;
    font-size: 0;
  }
}

＆＃13;

<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="style.css">
  <title>Document</title>
</head>
<body>
  <div class="wrapper">
    <header>HEADER</header>
    <main>
      <section>SECTION</section>
      <aside>ASIDE</aside>
    </main>
    <footer>FOOTER</footer>
  </div>
</body>
</html>

＆＃13;

Answer 1

第一个问题是，当您将过渡属性置于其下方时，您将覆盖计时功能。试试这个：

opacity: 1;
transition: all 2s;
transition-timing-function: ease-out;

至于使用基于窗口的不同转换计时功能正在增长或缩小，我认为只有CSS才有可能。您可能需要为窗口编写一个事件处理程序，该窗口捕获然后添加一个类，您的CSS可以使用该类来了解窗口是否正在缩小或增长。

Answer 2

您使用$request->input('order')简写覆盖import matplotlib.pyplot as plt from matplotlib.backends.backend_pdf import PdfPages # create a PdfPages object pdf = PdfPages('out.pdf') # define here the dimension of your figure fig = plt.figure() for color in ['blue', 'red']: plt.plot(range(10), range(10), color) # save the current figure pdf.savefig(fig) # destroy the current figure # saves memory as opposed to create a new figure plt.clf() # remember to close the object to ensure writing multiple plots pdf.close()值。

将两者合并在一起：

transition-timing-function

或者更改声明的顺序：

transition

转换计时功能不起作用

2 个答案: