logo - web秀

#logo#

共找到 logo 相关内容 7 条

使用css3绘制一个QQ小企鹅的LOGO

4年前

547204 3324 0

[html] 使用canvas画一个github的LOGO图案

3年前

546124 3254 0

[css] 使用css画一个抖音的logo

3年前

545429 3195 0

6年前

纯CSS3绘制腾讯QQ的企鹅Logo

纯CSS3绘制腾讯QQ的企鹅Logo

前言经常能够看到一些用CSS3绘制的精致图形，它们通常由矩形，圆形，椭圆，三角形,梯形等组合而成。要想绘制我们自己的图形，就要先了解下基本图形的绘制方法了。一个display：block的元素设定宽高之后表现为矩形。通过设定border-radius可以得到圆角矩形，圆形和椭圆形。前面有文章CSS绘制三角形和箭头，不用再用图片了，可以先去了解一下！在使用border-radius时，有几点可能需要注意一下：1.border-radius，可以分别对4个角进行设定。例如上图：border-top-left-

554806 3931 0

5年前

CSS3动画解析抖音 LOGO制作

CSS3动画解析抖音 LOGO制作

前言“字节跳动”现今也是如日中天，旗下产品，除头条外，还有短视频平台“抖音”，人气也是非常高，据说拥有7亿用户。今天我们就来研究研究抖音的logo，蹭蹭热度。效果预览：主要用css3新增属性mix-blend-mode，混合模式来实现。分解我们先来看看它的组成，由大写的“J”组成，然后有3种颜色，白色、红色、和天蓝色。ok，我们先来完成一个“J”。根据以往的经验，我们把它拆分成3部分。下面我们来分步骤实现。完成单个“J”<divclass="jitter"><divclass="logo

563410 6284 0

4年前

CSS简笔画logo系列：纯CSS绘制“Adidas” Logo

本节你能get到什么前端知识1、CSSFlex垂直居中对齐2、CSSclip剪裁3、CSSbox-shadow多阴影看图解构看图很简单咯，AdidasLogo就是用3个“梭形”组成，然后添加3条和底色一样颜色的线覆盖在上面即可。什么是“梭形”？船大家都见过吧，它就是“梭形”形状的，类似于“菱形”，但是“梭形”两头都是圆圆的，不是尖尖的角。生活中，还有很多花瓣也都是“梭形”的。logo底图<divid="adidas"><divclass="logo"></div><

547683 3308 0

2年前

实现一个会动的鸿蒙 LOGO

本文将带大家简单实现一个会动的鸿蒙LOGO。emmm，写本文的动机是之前在掘金看到一篇实现鸿蒙LOGO的文章--产品经理：鸿蒙那个开场动画挺帅的给咱们页面也整一个呗鸿蒙的LOGO本身是这样的：该篇作者最终实现的是一个字母O的动画展开过程：而本文想尝试的，是该LOGO的其他一些细节，核心是倒影部分的水波效果。实现主体首先，我们需要对该结构进行简单的一个拆解，因为上下部分的较大差异，虽然是一个圆，但是很明显需要分成两块处理，这部分比较简单且不是重点，我就略过分享，直接上代码。我们的结构大致如下：<div

546500 3328 0

下拉加载更多