Question

我写了这个前缀，至少在我看来。动画无法在Chrome或Mozzila上运行。 codepen上的代码运行正常，但是当我复制并粘贴到我的网站的 style.css 文件并运行它时，它就无法正常工作。

sort($filenames);

HTML

 li:hover > ul.drop-menu li {
  opacity: 0;
  -webkit-animation-name: menu1;
  -moz-animation-name: menu1;
          animation-name: menu1;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
   -webkit-animation-fill-mode: forwards;
   -moz-animation-fill-mode: forwards;
           animation-fill-mode: forwards;
}

@-webkit-keyframes menu1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes menu1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes menu1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

Answer 1

如果您的路径正确，它应该有效。您仍然可以尝试：

检查大括号和分号。
检查班级名称。
通过Sub Rows_Delete_EndingWord_Published() Dim sCriteria As String sCriteria = "Reduce" 'Change as required Dim rDta As Range, rTmp As Range Dim l As Long Application.Calculate Application.EnableEvents = False Application.Calculation = xlCalculationManual Application.ScreenUpdating = False Application.DisplayAlerts = False Rem Set Data Range With ThisWorkbook.Sheets("Sht(0)") 'Change as required If Not (.AutoFilter Is Nothing) Then .Cells(1).AutoFilter Set rDta = Range(.Cells(1, 2), .Cells(1, 2).End(xlDown)) End With Rem Filter Data Range & Set Resulting Range With rDta Set rTmp = .Offset(1, 0).Resize(-1 + .Rows.Count, 1) .AutoFilter Field:=1, Criteria1:="=*" & sCriteria On Error Resume Next Set rTmp = rTmp.SpecialCells(xlCellTypeVisible) On Error GoTo 0 .AutoFilter End With Rem Delete Filtered Data Rem Presenting two methods - need to uncomment the method chosen If Not (rTmp Is Nothing) Then Rem Method 1 - Deleting entire range at once Rem However it could be slow depending on the quantity of areas, size of the file, etc. rTmp.EntireRow.Delete Rem Method 2 - Deleting the range by Area in Ascending Order (Bottom to Top) For l = rTmp.Areas.Count To 1 Step -1 rTmp.Areas(l).EntireRow.Delete Next End If Application.Calculation = xlCalculationManual Application.ScreenUpdating = False Application.DisplayAlerts = False Application.EnableEvents = False End Sub事件将 background-color 应用于正文，查看该事件是否无效。
在同一页面中写下 css代码。
检查是否有其他代码覆盖您的动画（例如，检查li:hover和.menu-1，看看是否放了一些.menu-2。）
休息一下，稍后在你的思绪清晰时检查

无论如何我认为......

您可以使用display:none作为动画。
最好写transition-property而不是li:hover > ul.drop-menu，因为li:hover > ul.drop-menu li包裹ul。

这是使用li：

transition

ul.drop-menu{
    height:0px;
    overflow:hidden;
    opacity: 0;
    -webkit-transition: opacity 1s; 
    -webkit-transition-timing-function: ease-in-out; 
    transition: opacity 1s;
    transition-timing-function: ease-in-out;
}

li:hover > ul.drop-menu {
    height: auto;
    overflow: visible;
    opacity: 1;
}

即使我使用前缀，CSS3动画也无法正常工作

1 个答案: