数字累增动态特效404单页源码

最新推荐文章于 2024-08-13 20:49:47 发布

CSDN专家-微编程

最新推荐文章于 2024-08-13 20:49:47 发布

阅读量754

点赞数 7

分类专栏： HTML项目文章标签： html 前端

本文链接：https://blog.csdn.net/technologist_28/article/details/140511378

版权

源码介绍

数字累增动态特效404单页源码，数字从0增加到404动态效果，页面简约美观，可以做网站错误页或者丢失页面，将下面的代码放到空白的HTML里面，然后上传到服务器里面，设置好重定向即可

效果预览

在这里插入图片描述

完整源码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Spacy 404 with count up</title>
		<link rel="stylesheet" href="https://cdn.3up.dk/flexgrid.io@2.5.1/css/flexgrid.min.css"/>
		<style>@import url("https://fonts.googleapis.com/css?family=Roboto+Mono:300,500");
html, body {
     
  width: 100%;
  height: 100%;
}

body {
     
  background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/257418/andy-holmes-698828-unsplash.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 100vh;
  min-width: 100vw;
  font-family: "Roboto Mono", "Liberation Mono", Consolas, monospace;
  color: rgba(255, 255, 255, 0.87);
}