动画背景位置

时间:2021-06-09 22:00:06

标签: css css-animations

大家好,我有这个 CSS 代码:

doParallel::registerDoParallel(cores = 5)

system.time(temp_anom <- plyr::ldply(df$id, function(ids){
  title_dataset <- df[which(df$short_id == ids),]
  result_dataset <- plyr::ldply(title_dataset$country, function(iso){
    country_dataset <- title_dataset[which(title_dataset$country == iso),]
    resid.q <- quantile(country_dataset$raw_de, prob = c(0.1, 0.90))
    iqr <- diff(resid.q)
    limits <- resid.q + 3 * iqr * c(-1,1) 
    temp_dataset <- data.frame(country = iso, lower_bound = limits[1], upper_bound = limits[2])
    temp_dataset
  })
  result_dataset$id <- ids
  result_dataset
}, .parallel = T))

我的问题是,当我加载或刷新页面时,背景图像从位置 header { height: 95vh; background-image: url("../img/logo-green-2x.png"), url("../img/hero.jpg"); background-size: cover; background-position: 800px 800px, -1300px -900px; background-repeat: no-repeat; background-color: hsla(300, 100%, 50%, 0.4); transition: background-position 0.5s ease; } header:hover { background-position: 0px 0px; } 开始,为什么它们没有从初始位置 0px 0px 开始? (更具体地说,它们从 background-position: 800px 800px, -1300px -900px; 开始并过渡到 0px 0px,而不处于任何状态)

0 个答案:

没有答案