位置: IT常识 - 正文

程序员过中秋丨用代码制作一个祝福小网页(html+css)(程序员中秋节祝福语)

编辑:rootadmin
程序员过中秋丨用代码制作一个祝福小网页(html+css)

推荐整理分享程序员过中秋丨用代码制作一个祝福小网页(html+css)(程序员中秋节祝福语),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:程序员中秋快乐,程序员端午节放假吗,程序员过年,程序员中秋快乐,程序员中秋快乐,程序员中秋节的祝福语句,程序员中秋快乐,程序员中秋快乐,内容如对您有帮助,希望把文章链接给更多的朋友!

大家好,我是陈橘又青,兰经香风满,松窗夜月圆!都说我们程序员过节最没仪式感,再过两周就是中秋节了,今天我们就来制作一个简单的中秋祝福小网页,祝愿看到的所有人好运安康!(附上完整源码,需要的小伙伴自取即可)

目录

写在前面

效果展示

代码展示

HTML

css

小彩蛋


写在前面

又是一年中秋到,不知道在座各位今年的中秋将迎来与家人团聚的幸福,还是“举杯邀明月,低头写代码。”的苦涩加班,甚至一边吃团圆饭一边加班的恼人场景,想想都心酸。以上无论哪种情况都是程序员生活的真实写照呀(笑哭)。

我想离家近的小伙伴们肯定是下班立马赶回家与亲友们吃团圆饭,那么离家远,身处他乡的朋友们,有同事的地方就有家,届时和节日还公司一起加班的几个好兄弟,在月下来个痛快畅饮吧!

不管怎样,都祝福在IT行业奋斗的各位同仁们能过一个好的中秋节,工作顺顺利利,出入平平安安,家庭和和睦睦,天天开开心心,月月奖金多多,年年业绩高高,世世幸福安康。

代码完美无BUG,中秋团圆不加班!

效果展示

代码展示

由于代码十分简单,在这里就不做过多讲解了。

HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <title>中秋节快乐</title></head><body> <div class="container"> <div class="moon"></div> <h1>2022 祝愿中秋快乐</h1> <p>陈橘又青</p> <div class="star star1"></div> <div class="star star2"></div> <div class="star star3"></div> <div class="wave wave_1"></div> <div class="wave wave_2"></div> <div class="wave wave_3"></div> </div></body></html> css@import url('https://fonts.googleapis.com/css2?family=Italianno&display=swap');body {background: #4a47e9f1;}.container { position: absolute; top: 50%; left: 50%; width: 400px; height: 400px; margin-top: -200px; margin-left: -200px; border-radius: 2px;box-shadow: .5rem 1rem 1rem 0 rgba(0,0,0,0.6);overflow: hidden; color: #333;background-image: linear-gradient(to top, #191730, #10131d, #19125f, #050e44);}.moon {position: absolute;left: 4rem;top: 3rem;width: 6rem;height: 6rem;border-radius: 50%;background-image: linear-gradient(to left top, #b1b1c5, #928fa3, #746f82, #575162, #3c3444);}.moon:hover {transform: scale(1.2);transition: 3s;}h1 { position: absolute; top: 30%; left:24%; font-size: 2.2rem; color: goldenrod;}p { position: absolute; top: 40%; left:60%; font-family: 'Italianno', cursive; color:goldenrod; font-size: 2rem;}.star {background: white;border-radius: 50%;position: absolute;}.star1 {width: .2rem;height: .2rem;top: 3rem;right: 4rem;}.star2, .star3 {width: .1rem;height: .1rem;}.star2 {top: 5rem;right: 10rem;}.star3 {top: 14rem;left: 3rem;}.wave { position: absolute; width: 150%; bottom: 0;}.wave::before { content: ""; position: absolute; left: 0; top: 0; right: 0; height: 20px; background-size: 40px 40px;}.wave::after { content: ""; position: absolute; left: 0; top: 0; right: 0; background-repeat: repeat; height: 27px; background-size: 80px 40px;}.wave {transition: 3s;}.wave_1 { height: 80px; background: #7375f5; z-index: 30;}.wave_1::before { background-image: radial-gradient(circle at 20px 28px, transparent 24px, #525ce2 25px);}.wave_1::after { background-image: radial-gradient(circle at 10px 0px, #525ce2 14px, transparent 25px);}.wave_2 { left: -30px; height: 120px; background: #525ce2; z-index: 20;}.wave_2::before { background-image: radial-gradient(circle at 20px 28px, transparent 24px, #181e7e 25px);}.wave_2::after { background-image: radial-gradient(circle at 10px 0px, #181e7e 14px, transparent 15px);}.wave_3 { left: -10px; height: 150px; background: #181e7e; z-index: 10;}.wave_3::before { background-image: radial-gradient(circle at 20px 28px, transparent 24px, #080b31 25px);}.wave_3::after { background-image: radial-gradient(circle at 10px 0px, #080b31 14px, transparent 25px);}.wave_1 { animation: wave1 10s infinite;}@keyframes wave1 { 0% { transform: translateX(0px); } 25% { transform: translateX(-50px); } 50% { transform: translateX(0px); } 75% { transform: translateX(-30px); } 100% { transform: translateX(0px); }}.wave_2 { animation: wave2 12s infinite;}@keyframes wave2 { 0% { transform: translateX(0px); } 25% { transform: translateX(25px); } 50% { transform: translateX(0px); } 75% { transform: translateX(30px); } 100% { transform: translateX(0px); }}.wave_3 { animation: wave3 9s infinite;}@keyframes wave3 { 0% { transform: translateX(0px); } 25% { transform: translateX(-30px); } 50% { transform: translateX(0px); } 75% { transform: translateX(-10px); } 100% { transform: translateX(0px); }}

小彩蛋程序员过中秋丨用代码制作一个祝福小网页(html+css)(程序员中秋节祝福语)

对于程序员来说,加班是常态。程序员的中秋有月饼,肯定也有代码要敲,有bug要改。当你回着微信信息、浏览朋友圈、刷新微博热搜榜、听着音乐软件的歌曲、和小伙伴们集体开黑时,背后可能有一群程序员在加班加点,用代码守候着你的小确幸。

在程序员的世界里,这个世界上只有两种人:一种是懂程序的,另一种是不懂的。

在你们的想象中“程序员过中秋”是这样子的吗?

🔘 无时无刻不在敲代码

🔘 买一件格子衬衫送给自己当中秋礼物

🔘 头顶比八月十五的月亮还亮

其实都错了,程序员哪能这么简单的过中秋呢,作为一个挣得了高薪,吃得了泡面的程序员,不但能行云流水的写代码,还可以低头写代码之余吟诗一首:

#include<stdio.h>#include<string.h>void main{char name[3][15]={"明月","月饼","中秋"};int i,j,k;for ( i=0;i<3;i++ )if ( strcmp(name[i],"明月")==0 ){printf("明月几时有,把饼问青天。n",name[i]);}for ( j=0;j<3;j++ )if ( strcmp(name[j],"月饼")==0 ){printf("不知饼中何馅,今日是榴莲。n",name[j]);}for ( k=0;k<3;k++ )if ( strcmp(name[k],"中秋")==0 ){printf("祝大家和和美美、团团圆圆,节日快乐!n",name[k]);}}

运行结果:

明月几时有,把饼问青天。

不知饼中何馅,今日是榴莲。

祝大家和和美美、团团圆圆,节日快乐!

本文链接地址:https://www.jiuchutong.com/zhishi/283743.html 转载请保留说明!

上一篇:jfCacheMgr.exe是什么进程 jfCacheMgr.exe程序文件介绍(jmcacdefg什么意思)

下一篇:fsg.exe是什么进程 作用是什么 fsg进程查询(igfxem.exe是什么进程)

  • 微博如何快速增加粉丝的方法(微博如何快速增加评论条数)

    微博如何快速增加粉丝的方法(微博如何快速增加评论条数)

  • 大公司和小公司的产品推广有啥不同(大公司和小公司的利弊)

    大公司和小公司的产品推广有啥不同(大公司和小公司的利弊)

  • 公司网站怎么做推广,做网络推广的五个步骤(公司网站怎么做才能引流)

    公司网站怎么做推广,做网络推广的五个步骤(公司网站怎么做才能引流)

  • 怎么开启华为手机的小艺功能(怎么开启华为手机的小艺)

    怎么开启华为手机的小艺功能(怎么开启华为手机的小艺)

  • 刚办一天的电话卡能注销吗(昨天办了电话卡,今天想取消可以吗)

    刚办一天的电话卡能注销吗(昨天办了电话卡,今天想取消可以吗)

  • 华为nova7微信视频美颜怎么设置(华为nova7微信视频有美颜功能吗)

    华为nova7微信视频美颜怎么设置(华为nova7微信视频有美颜功能吗)

  • 钉钉看直播听不到声音(钉钉看直播听不见声音怎么回事)

    钉钉看直播听不到声音(钉钉看直播听不见声音怎么回事)

  • powerpoint2010是什么家族中的一员(2010 powerpoint)

    powerpoint2010是什么家族中的一员(2010 powerpoint)

  • 什么是大王卡(什么是大王卡流量)

    什么是大王卡(什么是大王卡流量)

  • 华为手机擦除数据后别人能用吗(华为手机擦除数据后锁屏密码还在吗)

    华为手机擦除数据后别人能用吗(华为手机擦除数据后锁屏密码还在吗)

  • 苹果11怎么打开录屏功能(苹果11怎么打开悬浮球)

    苹果11怎么打开录屏功能(苹果11怎么打开悬浮球)

  • 火山定位是自动的吗(火山定位可以改别的地方吗)

    火山定位是自动的吗(火山定位可以改别的地方吗)

  • 普通usim卡是什么卡

    普通usim卡是什么卡

  • 为什么抖音上传的照片很模糊(为什么抖音上传的视频很卡)

    为什么抖音上传的照片很模糊(为什么抖音上传的视频很卡)

  • 快手账号注销了还能找回吗(快手账号注销了好友可以看到吗)

    快手账号注销了还能找回吗(快手账号注销了好友可以看到吗)

  • 苹果手机对号怎么打(苹果手机里对号怎么打)

    苹果手机对号怎么打(苹果手机里对号怎么打)

  • 老年手机快速拨号设置(老年手机快速拨号键在哪里)

    老年手机快速拨号设置(老年手机快速拨号键在哪里)

  • 苹果11前面的灯怎么闪烁(苹果11前面的灯什么情况下会亮)

    苹果11前面的灯怎么闪烁(苹果11前面的灯什么情况下会亮)

  • 爱奇艺注销绑定手机号(爱奇艺注销绑定的账号)

    爱奇艺注销绑定手机号(爱奇艺注销绑定的账号)

  • 微博怎么发长文(微博怎么发长文字)

    微博怎么发长文(微博怎么发长文字)

  • 小米6如何设置指纹解锁(小米6如何设置门禁卡)

    小米6如何设置指纹解锁(小米6如何设置门禁卡)

  • ppt中如何让图片一张一张出现(PPT中如何让图片对齐)

    ppt中如何让图片一张一张出现(PPT中如何让图片对齐)

  • 鼠标dpi怎么调(网吧鼠标dpi怎么调)

    鼠标dpi怎么调(网吧鼠标dpi怎么调)

  • QQ邮箱怎么改名字(qq邮箱怎么改名片)

    QQ邮箱怎么改名字(qq邮箱怎么改名片)

  • 电商后台管理系统简介

    电商后台管理系统简介

  • arping命令  发送ARP请求报文(命令arp-a)

    arping命令 发送ARP请求报文(命令arp-a)

  • JSP中的JSTL 标签库(jsp标签大全)

    JSP中的JSTL 标签库(jsp标签大全)

  • 单独确认进项税额的情形
  • 上年度暂估的票回不来一直挂帐吗
  • 夏天单位发防暑物品的通知
  • 补充登记法怎么写
  • 已开普通发票记账联丢失怎么办?
  • 专项工程支出计入什么科目
  • 开立一般户需要基本户开户行许可证吗
  • 已付款未收到发票账务处理
  • 普通发票有没有有效期
  • 企业贷款罚息可以减免吗
  • 盘盈的固定资产通过待处理财产损益科目核算
  • 对外投资所得税计算公式
  • 企业注销清算方案
  • 税控软件维护
  • 向其他单位无偿提供服务的不需缴纳增值税
  • 预付房租的会计科目
  • 外币折算准则规范的外币交易
  • 项目资本金是什么意思大白话
  • 冲红发票金额大怎么办
  • 银行开户存入的钱怎么取
  • 服务不动产和无形资产扣除项目有哪些
  • 关联方交易的税怎么算
  • 电费返还怎么查询
  • 冲上年收入会计分录
  • windows更新出现错误重新打开设置
  • 微软输入法中文输入卡顿
  • 有限责任公司注册要求
  • 2022年苹果iphone14一个几个颜色
  • 右键菜单里的快捷键
  • PHP:Memcached::addServer()的用法_Memcached类
  • 应缴纳增值税计什么科目
  • 企业购进固定资产其入账成本应包括
  • 关停所有swap分区的命令
  • 完整的css代码案例
  • 内外参标定
  • 如何在wordpress嵌入amazon链接
  • vue中的$el
  • pwcorr_a命令
  • 金融机构存放的保证金存款
  • Emiller's Advanced Topics In Nginx Module Development
  • 员工社保缴纳规定标准
  • 工程结算是否算成本
  • 税率与征收率是怎么回事
  • 增值税发票日用品开票明细
  • 暂估金额与发票金额的区别
  • 失控发票进项税额结转成本
  • 开具信用证的费用能开专票吗
  • 不动产登记流程有哪些
  • 开出银行承兑汇票一张用于支付材料采购款
  • 电子增值税发票样本
  • 暂估入库一直未取得发票需要调账吗
  • 教育费返还款计入收入吗
  • 综合所得预扣预缴表校验结果以下人员未报送
  • 电子发票一定要盖章吗
  • Centos7下MySQL安装教程
  • win10最新预览版下载
  • win7旗舰版系统还原无法启动
  • windows7用户
  • windows10的改进
  • ubuntu如何截图快捷键
  • ubuntu xenial
  • linux的安装
  • ubuntu切换登录用户
  • OS X Yosemite系统下载失败怎么办?OS X 10.10下载错误解决方法
  • win10系统如何清洗打印机喷头
  • 在windows xp的应用程序中,经常有一些
  • centos7 swap大小设多少
  • iptables dnat snat
  • Win10更新KB3156421补丁后出现设备运行缓慢现象的解决方案
  • linux k
  • opengl怎么学
  • JavaScript的函数库
  • 性能优化实验
  • 网站检测系统
  • mailto的使用技巧分享
  • beautiful python
  • jquery22插件网
  • 什么是增值税免抵税额
  • 个人所得税全员申报什么时候开始的
  • 浙江网上税务局申报
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设