首页 技术 正文
技术 2022年11月22日
0 收藏 374 点赞 2,856 浏览 530 个字

详细解答参见上篇博客

问题1.如何用 div 画一个 xxx

box-shadow 无限投影 (堆叠成复杂图案)

::before

::after

问题2.如何产生不占空间的边框

1.box-shadow

2.outline

问题3.如何实现圆形元素(头像)

border-radius:50%

问题4.如何实现ios图标的圆角

1.将设计图形导入矢量设计软件导成 svg

2.用 clip-path:(svg)制作圆角图标

问题5.如何实现半圆、扇形等图形

border-radius 组合:1.有无边框 2.边框粗细 3.圆角半径

问题6.如何实现背景图居中显示/不重复/改变大小

background-position / background-repeat / background-size(cover/contain)

问题7.如何平移、放大一个元素(transform 跟动画没有关系)

transform:translateX(100px)

transform:scale(2)

问题8.如何实现3D效果

1.perspective:500px(指定透视角度大小)

2.transform-style:preserve-3d(选择3D效果,不然是2D效果)

3.transform:translate rotate(变换)

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:8,991
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,506
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,349
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,134
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,766
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,844