首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

box-shadow 高阶玩法:纯 CSS 蒙娜丽莎和星空

比如说这样: 但它能做的可不只是阴影,还可以用来做出很多有趣的效果: 比如画蒙娜丽莎: 星空: 这些效果都是 box-shadow 实现的! 是不是不敢相信?...没错,蒙娜丽莎就是这么画出来的: box-shadow 蒙娜丽莎 整体思路上面已经分析出来了,就是通过 box-shadow 多重阴影设置每个像素块的颜色和位置: 这里 width、height 为...这里是画了蒙娜丽莎,其实各种图片都能,只要拿到像素数据就行,这个可以通过 canvas 的 getImageData 来拿到。...比如星空。 我们来试一下: box-shadow 星空 星空大概是这样的: 完蒙娜丽莎,我们知道了可以通过 box-shadow 多重阴影画出任意多个方块。...也可以通过 sass 预处理器随机生成不同位置的阴影块来做出粒子效果,比如星空。 除了可以随机生成样式外,还可以通过 sass 的 mixin 来抽离相似的代码,多处复用,让 css 代码更优雅。

1K100
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Python画一个星空

    1 问题 如何用Python画一个简单的星空? 2 方法 在Python中有着各种各样的工具包,比如math、pillow、requests等等,每个包有着自己专门的功能。...要用python星空,在绘制星空的过程中一般需要运用到turtle工具,它是属于Python的标准库,当然也可以将其称之为海龟库,它能够用于描绘绘图的轨迹,并且操作也比较简单、便捷。...import random,randintscreen = Screen()width ,height = 800,600screen.setup(width,height)screen.title("模拟3D星空...randint(1,width)) star.sety( randint(-height/2,height/2)) star.showturtle() 3 结语 针对用Python...画一个简单星空的问题,提出使用Python中的turtle工具包的方法,通过实验,证明该方法是有效的,此方法简单易行,但仍有不足或考虑不周的地方,未来可以继续研究更高级算法。

    31520

    算法让你看到梵高星空之外的星空

    2014/12/01/extending-van-goghs-starry-night-with-inpainting/#comments 摘自:36氪 梵高有一幅油画叫 Starry Night,也就是《星空...我常常想,梵高在精神病院完成这幅名作时,他眼里看到(或者脑海中)的星空浩瀚的全局究竟该有多美,或者究竟该有多悲伤。可惜我们永远都只能看到画框中那一小方天地。 ?...Gal 还建了一个专门的网站,用来展示这种 Extrapolated Art,即利用机器学习+图像处理来扩展整幅的全局景象,因为往往只提供了一个局部影像。...回到梵高的来。首先我们导入梵高的 Starry Night,去掉边框。 ? 然后,我们需要先用白色的像素来扩充图像,扩展出后面可以用来修补的空白区域。 ?

    1.3K30

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券