CSS
易山易酒易诗
这个作者很懒,什么都没留下…
展开
-
React Native - 轮播广告组件(Animated)
基于RN基础组件完成的简单轮播广告组件,通过 Animated API 完成滚动时改变图片透明度的效果原创 2022-06-03 23:35:13 · 426 阅读 · 0 评论 -
React Native - 关键词搜索框
基于RN基础组件完成关键词搜索框原创 2022-06-03 17:06:49 · 533 阅读 · 0 评论 -
CSS图片环形运动效果
图片环形运动原创 2022-05-04 21:11:17 · 573 阅读 · 0 评论 -
CSS实现打字效果
基于CSS动画属性的打字效果原创 2022-05-04 17:25:49 · 786 阅读 · 0 评论 -
CSS小球下落回弹动画效果
使用CSS动画属性完成小球回弹动画效果原创 2022-05-04 14:40:46 · 1119 阅读 · 0 评论 -
CSS图片对比效果
使用resize属性完成图片对比效果原创 2022-05-03 16:31:40 · 454 阅读 · 0 评论 -
CSS使用阴影完成滚动提示
<template> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <l.原创 2022-05-02 23:14:43 · 190 阅读 · 0 评论 -
CSS旋转的环形文字效果
<template> <div class="circle"> <svg viewBox="0 0 100 100"> <path d="M 50 50 m -50 0 a 50 50 0 1 1 100 0 a 50 50 0 1 1 -100 0 z" id="circle" /> <text><textPath xlink:href="#circle">早知道是这样 像梦一场.原创 2022-05-02 19:51:51 · 3326 阅读 · 0 评论 -
CSS实现按下文字效果
<template> <text>百度一下</text></template><script>export default { mounted() {}, methods: {},};</script><style>body { background: none;}text { font-size: 8em; background: #58a; color: white;.原创 2022-05-01 21:09:32 · 419 阅读 · 0 评论 -
CSS折角效果
<template> <div class="texts"> <div class="tt"> 找出字符串中满足正则表达式的条件子串,并以其为分割点分割字符串。找出字符串中满足正则表达式的条件子串,并以其为分割点分割字符串。 找出字符串中满足正则表达式的条件子串,并以其为分割点分割字符串。找出字符串中满足正则表达式的条件子串,并以其为分割点分割字符串。 找出字符串中满足正则表达式的条件子串,并以其为分割点分割字符串。找出字.原创 2022-04-30 21:37:46 · 333 阅读 · 0 评论 -
CSS毛玻璃效果
原生CSS实现毛玻璃效果原创 2022-04-29 23:10:18 · 262 阅读 · 0 评论 -
带动画效果的饼图
基于CSS的动画属性原创 2022-04-29 13:45:45 · 183 阅读 · 0 评论 -
CSS的各种形状
基于原生CSS的一些关于形状的操作原创 2022-04-27 19:30:03 · 405 阅读 · 0 评论 -
基于CSS和VUE的蚂蚁行军效果的框选框
效果图: 屏幕录制2022-04-27 16.44.05 <template> <div class="texts"> <p></p> <p></p> <p></p> <p></p> <p></p>原创 2022-04-27 17:42:43 · 382 阅读 · 0 评论 -
CSS 块级元素和行内元素
块级元素块级元素会填充其父元素的内容区,并且不能有其他元素,即在元素前后生成了“分隔符”。例如:p标签和 div 标签。行内元素在一个文本行内生成元素。例如:a 标签,strong 标签。区别1、块级元素可以设置 width、height ,但行内元素不会受到这两个元素的影响,可以通过改变行高(line-height)来设置。2、块级元素在不设置 width、height 时会默认充满父元素的内容区,而行内元素的默认值是其包裹的子元素的大小。...原创 2022-04-20 14:54:58 · 636 阅读 · 0 评论 -
CSS三角形旋转(border)
<style> #Arrow{ width: 0px; height: 0px; border: 40px solid; border-color: transparent transparent red transparent; transition:0.5s; transform: translate(0, -50%); } #Arrow:hover { t原创 2021-08-23 22:40:35 · 487 阅读 · 0 评论