广东双语网站建设多少钱,微官网和移动网站区别,手机版oa办公软件,系统ui设计界面这是程序员表白系列中的100款网站表白之一#xff0c;旨在让任何人都能使用并创建自己的表白网站给心爱的人看。 此波共有100个表白网站#xff0c;可以任意修改和使用#xff0c;很多人会希望向心爱的男孩女孩告白#xff0c;生性腼腆的人即使那个TA站在眼前都不敢向前表白… 这是程序员表白系列中的100款网站表白之一旨在让任何人都能使用并创建自己的表白网站给心爱的人看。 此波共有100个表白网站可以任意修改和使用很多人会希望向心爱的男孩女孩告白生性腼腆的人即使那个TA站在眼前都不敢向前表白。说不出口的话就用网页告诉TA吧~制作一个表白网页告诉TA你的心意,演示如下。 文章目录 一、网页介绍一、网页效果二、代码展示1.HTML代码 三、精彩专栏 一、网页介绍
1 网页简介基于 HTMLCSSJavaScript 制作七夕情人节表白网页、生日祝福、七夕告白、 求婚、浪漫爱情3D相册、炫酷代码 ,快来制作一款高端的表白网页送(他/她)浪漫的告白,制作修改简单,可自行更换背景音乐,文字和图片即可使用
2.网页编辑任意HTML编辑软件如Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad 等任意html编辑软件进行运行及修改编辑等操作。 一、网页效果 二、代码展示
1.HTML代码
代码如下示例以下仅展示部分代码供参考~ !doctype html
htmlheadmeta charsetutf-8/meta namekeywords content/meta namedescription content/title520表白/titlestyle styletext/css*{margin:0;padding:0;}body{background:url(images/1.jpg);background-size:cover;}/*start top*/.top{width:400px;height:100px;margin:60px auto;font-size:30px;font-family:华文行楷;color:#fff;!--background:-webkit-linear-gradient(45deg,#ff0000,#ffcc00,#ffff99,#33ccff,#00ff33,#6600ff,#333399);-webkit-background-clip:text;--}/*end top*//*start box*/.box{width:310px;height:310px;margin:auto;perspective:800px;/*景深*/}.box .pic{position:relative;transform-style:preserve-3d;/*3d环境*/ animation:play 10s linear infinite;/*动画名称 执行时间 匀速 无限执行*/}.box ul li{list-style:none;position:absolute;top:0;left:0;}/*start box*//*定义一个关键帧*/keyframes play{from{transform:rotateY(0deg);}to{transform:rotateY(360deg);}}/*start text*/#text{width:500px;height:200px;color:#6fade1;margin:auto;font-size:24px;font-family:方正喵呜体;}/*end text*//style/headbody!--start top--div classtopmarquee behavioralternate时光不老我们不散/marquee/div!--end top--!--start box--div classboxdiv classpiculliimg srcimages/1.png width height alt//liliimg srcimages/2.png width height alt//liliimg srcimages/3.png width height alt//liliimg srcimages/4.png width height alt//liliimg srcimages/5.png width height alt//liliimg srcimages/6.png width height alt//li/ul/div/div!--end box--!--start text--div idtext/div!--end text--embed srcmusic.mp3 hiddentrue/script srcjs/jquery.min.js/script!--雪花--script srcjs/snow.js/scriptscript$(.pic ul li).each(function(i){//遍历var deg360/$(.pic ul li).size();//size个数//当前的li对象 添加css样式$(this).css({transform:rotateY(deg*ideg) translateZ(216px)});$.fn.snow({minSize:10,maxSize:15,newOn:500,flakeColor:#ffffff});});var i0;var str能够遇见你是我最大的幸运有了你生活变得丰富多彩有了你世界变得如此迷人你是我的世界我的世界是你对我来说不是在最美好的时光遇见了你而是遇见你后都是最美好的时光;window.onloadfunction typing(){//获取divvar mydivdocument.getElementById(text);mydiv.innerHTMLstr.charAt(i);i;var idsetTimeout(typing,100);if(istr.length){clearTimeout(id);}}/script/body
/html 三、精彩专栏
看到这里了就 【点赞关注收藏】 三连 支持下吧你的支持是我创作的动力。
