CSS3
文章平均质量分 70
众触低代码应用平台
众触应用平台是专注WEB应用的通用型高生产力低代码平台,支持拖拽可视化设计,实时预览,简单、高效、低门槛、低成本。
展开
-
从零开始制作【立体键盘】,画UI免写CSS,【盲打练习】的交互逻辑只用了10来行表达式
手把手教你从空白页面开始通过拖拉拽可视化的方式制作【立体键盘】的静态页面,不用手写一行CSS代码,全程只用10来行表达式就完成了【盲打练习】的交互逻辑。整个过程在众触应用平台进行,快速直观。...原创 2022-07-14 23:10:35 · 123 阅读 · 0 评论 -
从零开始通过拖拉拽可视化的方式制作【立方体透视动画图】,免手写CSS
手把手教你从空白页面开始通过拖拉拽可视化的方式制作【立方体透视动画图】。整个过程在众触应用平台进行,不用手写一行CSS代码。立方体它是有六个面的,并且它的每个面都是相同大小的。为了区分,分别给每个div选择了不同的颜色和名称,并且设置为半透明方便透视。通过perspective设置三维透视距离的,它仅作用于元素的后代,而不是其元素本身。...原创 2022-07-13 11:09:42 · 217 阅读 · 0 评论 -
【CSS遮罩可视化编辑器】mask-image,边拖拽边看效果,直观易懂,图片合成,渐变背景蒙版,易如反掌
所谓遮罩(mask-image),就是原始图片只显示遮罩图片非透明的部分,在PS中称为“蒙版”。类似于现实世界中一张A4卡纸剪了个洞,我们可以通过洞看卡纸后面的物体,这里卡纸相当于遮罩层,只不过洞是遮罩层不透明的部分,其他部分是遮罩层透明的部分,与我们想象中的正好相反。上面提到的图片也可以是各种渐变背景色。整个过程在众触应用平台进行,不用手写一行CSS代码。...原创 2022-07-12 11:46:26 · 1733 阅读 · 0 评论 -
【CSS滤镜可视化编辑器】边拖拽边看效果,直观易懂,再也不用摸瞎了
写filter滤镜CSS代码的时候总不知道给什么值才最美观,一次次实验很费时?直接拖拉拽看效果!直观易懂高效。 整个过程在众触应用平台进行,不用手写一行CSS代码。原创 2022-07-12 10:19:30 · 486 阅读 · 0 评论 -
Grid属性太多记不住?【Grid栅格布局可视化编辑器】直观易懂高效,拖拉拽,有手就行
手把手教你通过拖拉拽可视化的方式带你练习【Grid栅格布局】的各个属性,直观易懂!再也不愁记不住繁多的Grid属性了。 整个过程在众触应用平台进行,不用手写一行CSS代码。原创 2022-07-10 21:58:52 · 350 阅读 · 0 评论 -
【Flex弹性布局】Flex太难?通过可视化拖拽的方式包你一看就懂,非常直观
手把手教你通过拖拉拽可视化的方式带你练习【Flex弹性布局】的各个属性,直观易懂! 整个过程在众触应用平台进行,不用手写一行CSS代码。flex-direction:主轴的方向,即决定项目的排列方向row: 默认排列方向,即主轴为水平方向,起点为左侧row-reverse:主轴为水平方向,起点为右侧column:主轴为竖直方向,起点为上沿column-reverse:主轴为竖直方向,起点为下沿flex-wrap:当一行放不下所有的项目时,其换行与否以及换行方式nowrap:默认值,即不换行wrap:换行,第原创 2022-07-10 10:32:13 · 534 阅读 · 0 评论