精华内容
下载资源
问答
  • 5.1HTML+CSS制作一颗流星 效果地址:https://codepen.io/flyingliao/pen/QPKQjB?editors=1100 效果图: HTML code: <div class="sky"> <sp...

    效果地址:https://codepen.io/flyingliao/pen/QPKQjB?editors=1100

    效果图:

    HTML code:

    <div class="sky">
      <span></span>
    </div>

    CSS code:

    html,body{
      margin: 0;
      padding: 0;
    }
    *{
      /* 设置所有元素的width、height包括其内边距、边框、内容 */
      box-sizing: border-box;
    }
    body{
      height: 100vh;
      /* border: 1px solid white; */
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: black;
    }
    /* 设置sky的样式 */
    .sky{
      position: relative;
      width: 80vh;
      height: 80vh;
      /* border: 3px solid white; */
      /* 设置span水平垂直居中 */
      display: flex;
      justify-content: center;
      align-items: center;
      /* 溢出隐藏 */
      overflow: hidden;
    }
    .sky span{
      position: relative;
      display: inline-block;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background-color: white;
      /* transform-origin: right; */
      animation: across 1s linear infinite;
    }
    @keyframes across{
      to{
        margin-top: 100vh;
        margin-left: 100vh;
      }
    }
    /* 利用伪元素::before加尾巴 */
    .sky span::before{
      content:'';
      width: 60px;
      border: 0.5px solid white;
      border-radius: 50% 0 0 50%;
      position: absolute;
      top: 1px;
      left: -60px;
      /* 设置尾巴以右为旋转定点 */
      transform-origin: right;
      /* 设置尾巴线的方向与移动方向一致 */
      transform: rotate(45deg);
    }

     

    posted on 2019-04-08 11:02  人生与戏 阅读( ...) 评论( ...) 编辑 收藏

    转载于:https://www.cnblogs.com/FlyingLiao/p/10669270.html

    展开全文
  • 5.HTML+CSS制作一颗流星

    2019-10-07 01:39:27
    5.HTML+CSS制作一颗流星 效果地址:https://codepen.io/flyingliao/pen/pBzKbZ HTML code: <div class="sky"> <span></span> &...

    效果地址:https://codepen.io/flyingliao/pen/pBzKbZ

    HTML code:

    <div class="sky">
      <span></span>
    </div>

    CSS code:

    html,body{
      margin: 0;
      padding: 0;
    }
    *{
      /* 设置所有元素的width、height包括内边距、边框、内容区 */
      box-sizing: border-box;
    }
    /* 设置body的子元素水平垂直居中 */
    body{
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: black;
    }
    .sky{
      width: 50vh;
      height: 50vh;
      /* 超出sky的部分隐藏 */
      overflow: hidden;
    }
    /* 设置sky的子元素全部倾斜45度 */
    .sky > * {
      transform: rotate(45deg);
    }
    /* 流星的样式 */
    .sky span{
      display: block;
      width: 10vh;
      border-width: 1px 0 0 0;
      border-style: solid;
      border-color: white black black black;
      margin-top: -6vh;
      margin-left: -6vh;
      animation: shooting 1s linear 1s infinite;
    }
    @keyframes shooting{
      to{
        margin: 50vh;
      }
    }

     

    posted on 2019-03-30 16:23  人生与戏 阅读( ...) 评论( ...) 编辑 收藏

    转载于:https://www.cnblogs.com/FlyingLiao/p/10627883.html

    展开全文
  • 开始个番茄钟(25 分钟) 稍事休息(5 分钟) 开始另个番茄钟 4 个番茄之后,休息一下(15 分钟) 该应用程序非常干净,同时看起来仍然令人愉悦(我希望)。 计时器运行时,选项卡标题会更新 - 无需检查选项...
  • 你是一颗永远的流星

    2014-06-13 15:20:38
    你是一颗永远的流星 如果我们能够
    你是一颗永远的流星 如果我们能够
    展开全文
  • 听说,每一颗流星的闪过都代表一个梦想的实现~ 2015 即殁,你的愿望实现了吗? 一年一度的拉票季到来啦:[url=http://vote.blog.csdn.net/blogstar2015/candidate?username=defonds]...
  • 老实说,我并不知道这款软件怎么玩,因为我觉得不太,自己根本没玩。但被这么多朋友尝试,一定有它吸引人的地方。 于是,当得知朋友组织场脸萌创始人郭列的沟通会时,我毫不犹豫决定来看看这个创业者本人,...

    这几天,我的朋友圈被一款叫做脸萌的软件刷屏了,相信你们也是吧。老实说,我并不知道这款软件怎么玩,因为我觉得不太像,自己根本没玩。但被这么多朋友尝试,一定有它吸引人的地方。

    于是,当得知朋友组织一场脸萌创始人郭列的沟通会时,我毫不犹豫决定来看看这个创业者本人,听说人家还是90后呢,啧啧。

    见到这个小伙子的第一印象,瘦瘦的,长得很清秀,也很萌。果然,一讲话,强调自己是个喜欢看动漫的人,看到海贼王都很想哭。再果然,天马行空的水瓶座。

    言归正传。

    原来,这不是他第一份工作,创业之前,他还在大腾讯工作过。郭列介绍,自己2011年毕业就去了腾讯,从事的是当时拍拍网充话费的框。

    “我大学时就想进腾讯做好牛逼的事情,结果发现进去就是做充话费。虽然其实话费框很牛逼,有几百亿的交易量,但是实在是觉得不是那么好玩。”郭列因此决定,出来做些感兴趣的事情更好一些。

    他坦言,从腾讯离职之后过得也不是非常好,很快就把腾讯的积蓄花完了,把住房公积金也花完了。

    脸萌也不是郭列出来后做的第一款产品。他们团队做的第一款产品是微信产品说说,录有语音的表情,但上线后发现效果没那么好。

    那款产品失败后,去年8月开始做脸萌,到11月份上线,很快拿到IDG的天使投资。“IDG投我的很大原因可能是我年龄很小,也可能觉得我很脑残,做到做不到还是兴趣爱好。”郭列很纯真地说。

    本文来自武义用友网:www.0704yongyou.com

    展开全文
  • 在tubro c 下运行!由于一些细微的原因这个程序写的不是很完美,但按这条路走下去,绝对能做成!
  • star类可以显示出一颗星星,现在要新建一个流星类重写star的show方法,显示出一个移动的星星。。求助 ``主函数` using System; using System.Collections.Generic; using System.Linq; using System.Text; ...
  • 流星

    2020-07-04 22:32:30
    我是一颗流星, 滑落夜空之上, 没人看见, 也不会有人欣赏, 因为 他们早已在梦乡。 那就让他们睡吧 我也不叫嚷 我也不张扬 我只想一个人 轻轻地划出 一道光亮 2003年 作于沈阳建筑大学电气教研室 ...
  • 人生如流星

    千次阅读 2013-03-19 18:21:03
    人的一生就像一颗流星,有着各自的轨迹, 无论多么绚烂多彩,但都逃不脱坠落的宿命。 浩瀚宇宙,一天, 你与另外一颗不期而遇, 如果吸引力足够, 就尽情的撞击在一起, 爆发出最强大的光芒, 在天空中...
  • 开始妹子都喜欢流星,如果她说不喜欢,那她一定是一个假妹子。现在就一起来做一场流星雨,用程序员的野路子浪漫一下。要画一场流星雨,首先,自然我们要会画一颗流星。玩过 canvas 的同学,你...
  • 斯洛伐克天文爱好者拍摄的2018年英仙座流星雨(多张叠加)每年8月13日前后,地球都会穿过一颗彗星的尘埃带,带来一场盛大的流星雨,就是英仙座流星雨。英仙座流星雨与象限仪座流星雨、双子座...
  • C语言实现流星

    万次阅读 多人点赞 2012-12-30 20:50:48
    程序模拟流星飞向地面的情景。流星用大写字母不表示。程序产生流星(比如10个),从屏幕顶部下降飞向地面。流星中,每个流星的字符颜色是随机的,下降的位置是随机的,下降的速度也是随机的。
  • 流星

    2019-03-19 16:54:28
    来源:牛客网 题目描述 英仙座流星雨(学名Perseids)是以英仙座γ星附近为辐射点出现的流星雨,也称英仙座γ流星雨。...暑假到了,又是个去看流星雨的好季节。 看流星雨最重要的是什么?当...
  • 流星寄语

    2005-08-06 16:33:00
    伤心的流星凄凉的逃避留下大地收拾收不负责的惨局是谁把天空撕裂出星星的伤口抹杀了我的自由还有烂漫的温柔...忽然,一颗流星从天幕坠落,虽然只短短几秒,却划破了夜空的宁静,看着流星划过的地方,心不由地愣了一下,
  • 他们对于流星雨的预报虽然没有提前太多的时间但是详细到了每颗流星坠落的位置,所以虽然牛市在那场流星雨之后满目疮痍,但是牛市的百姓大多都存活了下来。因为自然环境受到了巨大的破坏,他们记录下了这段历史搬到...
  • 流星与恒星

    千次阅读 2011-01-14 12:27:00
     对一颗流星而言,虽然来去匆匆,但从它划过夜空的那一刻起,就已经在天空中留下了属于自己的永恒印记。 虽然第一颗流星已然逝去,但后来者继承了它的精髓,又无数次的在天空中演绎它所留下的美。 从此世上便多了...
  • 流星

    2008-03-12 12:28:00
    流星流星种偶发流星,通常火流星的亮度非常高,而且会条闪闪发光的巨大火龙划过天际,有的火流星会发出“沙沙”的响声,也有的火流星会有爆炸声,也有极少数亮度非常高的火流星在白天也能看到。...
  • 01 DIY流星观测站

    千次阅读 2018-08-14 00:06:27
    夏天的时候,晚上洗完澡,躺在平房上数星星,时不时一颗流星一闪而过,赶紧许个愿:希望明天不上课,和小伙伴们一起去戳鸟窝。转眼间二十多年过去了,现在城市上班,晚上走在路上,已经习惯了抬头一偏灰蒙蒙的天空,...
  • hello,大家好,我是wangzirui32,今天我们来学习如何用Pygame制作一场漂亮的流星雨。 开始学习吧! 文章目录前言1. 素材图片2. 项目结构3. 编写代码3.1 Star类3.2 主...和笔者画的一颗小星星: star.png 2. 项目结

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,295
精华内容 1,718
关键字:

像一颗流星