github上的地址是: [url]https://daneden.github.io/animate.css/[/url]
Animate.css
Just-add-water CSS animation
animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your project
原创
2023-06-04 16:31:21
335阅读
摘要:图片组件(A_Image):可设置图片地址、图片宽度、图片高度、圆角类型及是否显示外框线。圆角类型支持普通圆角、圆形及无圆角。一、组件调用方式1.极简调用只需要输入A_Image,然后给src(图片地址)属性赋值即可。默认宽度和高度均为300vp,方角。2.更多属性输入A_Image,然后给src(图片地址)属性赋值,可设置图片宽度(imageWidth)、图片高度(imageHeight)
30行代码实现纯CSS—3种换肤老规矩,先把代码给大家,拿去粘贴直接用,无需引用,不
原创
2022-08-23 10:50:38
139阅读
# 极简轻量级纯 JavaScript 组件库
在现代 Web 开发中,组件化开发已经成为一种主流的开发模式。为了提高开发效率和代码重用性,许多开发者都将自己的应用程序拆分为一个个可独立使用的组件。而在开发这些组件时,使用一个简单、轻量级的纯 JavaScript 组件库可以大大减少开发工作量。
## 组件库的需求分析
在设计一个极简轻量级纯 JavaScript 组件库时,我们需要考虑以下
原创
2023-12-16 07:29:10
218阅读
在Web开发中。通过CSS代码也能够实现一些简单的图片,当然,假设你有耐心,也能够实现较为复杂的图片噢。 那么请问为什么有图片不去用而须要用CSS来实现呢?一是由于性能的原因,图片带给server和client的压力比几行CSS代码要大得多。二是由于没有必要。有些简单的效果利用CSS就能够直接完毕了
转载
2017-05-31 11:20:00
377阅读
2评论
原文地址: CSS Triangles 演示地址:CSS Triangles Demo 原文日期: 2013年8月5日 翻译日期: 2013年8月9日 本文两种实现方式: 使用或不使用 before 和 :after 伪元素(伪类,pseudo-elements)最近重新设计了我的...
转载
2013-08-09 10:34:00
765阅读
2评论
感谢印记中文的 QC-L[1] 对本文进行翻译,英文原文: English Version[2]。在 重新构想原子化 CSS中,我提到了 UnoCSS[4] 的一个预设,它提供了在纯 C...
转载
2022-01-14 17:42:58
304阅读
不需要图片和js技术。能够兼容各种浏览器,不兼容opera.支持三种按钮状态,即正常,
原创
2022-04-22 15:45:10
431阅读
第一章、基本的圆角框 原创:冰极峰 转载请注明出处 2009年11月30日10:19:34 序言:在我的文章《超圆滑圆角框的半完美解决方案》中已经总结了七种不同的圆角框解决方案,基本上总结完了目前网络上比较流行的圆角框实现方案。而在我的
转载
2009-11-30 17:40:00
113阅读
流传很广的一个例子。<style type="text/css">div.roundedcorner{background: #3a6ea5; width: 200px; color:white}b.r {display:block;background: #fff}b.r b {display:block;height: 1px;overflow: hidde
转载
2009-09-29 15:42:42
567阅读
如果能避免使用JavaScript就实现DOM元素动画效果,那我非常乐于不用JS去实现。 因为更高效,而且不需要JS框架来一步步处理,代码更美观优雅。 用纯CSS来实现很难确定的一个特效是 上下滑动——当向上滑的时候内容渐变隐藏,向下滑动内容渐变显示。 之所以难以实现的原因是你可能不能获得内容的高度。 在经历了多种多样的CSS属性之后,我发现了一种利用纯CSS来实现滑动特效的方法。HTML部分
转载
2013-08-27 19:17:00
2111阅读
2评论
原文地址: CSS Triangles 演示地址:CSS Triangles Demo 原文日期: 2013年8月5日翻译日期: 2013年8月9日本文两种实现方式: 使用或不使用 before 和 :after 伪元素(伪类,pseudo-elements)最近重新设计了我的网站,准备添加tooltips提示信息效果.实现很容易,但我想要让提示功能具有三角形的指
原创
2022-02-16 15:05:16
971阅读
纯CSS圆角效果
纯CSS圆角效果
纯CSS圆角效果
1 <html> 2 <head> 3 <title>纯CSS圆角效果</title> 4 <meta http-equiv="content-type" content="text/html; charset=gb2312"> 5 <
转载
2010-04-09 09:26:00
241阅读
2评论
纯css 瀑布流 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" co ...
转载
2021-10-19 16:34:00
541阅读
2评论
做一个星级评价的功能不是很难,但是要单纯用CSS写估计就有点难度了,先来个截图: 效果很简单,可能现在您现在脑子里已经有实现的思路了。下面先看一下我们通常情况下的实现方法:CSS: 以下为引用的内容: .jsstar &nb
转载
2022-11-28 16:31:28
76阅读
感谢印记中文的 QC-L[1] 对本文进行,英文原文: English Version[2]。在 重新构想原子化 CSS中,我提到了 UnoCSS[4] 的一个预设,它提供了在纯 C...
转载
2021-11-22 16:53:28
460阅读
什么是Tootips? 这就是Tooltips如你所见,这些附加的说明文字在鼠标经过的时候显示。 当然,支持HTML.如: .<html> <head> </head> <style type="text/css"> /*Tooltips*/ .tooltips{ position:relative; /*这个是关键*/ z-index:2; } ....
转载
2009-05-25 10:03:00
107阅读
2评论
原文日期: 2013年08月26日 翻译日期: 2013年08月27日 如果能避免使用JavaScript就实现DOM元素动画效果,那我非常乐于不用JS去实现。 因为更...
转载
2013-08-27 16:30:00
1256阅读
2评论
在开发 Vue.js 或 Nuxt.js 项目时,使用 CSS 动效组件库可以快速实现丰富的动画效果。以下是几个常用的 CSS 动效组件库和 Vue/Nuxt 动效组件库:1. CSS 动效组件库这些库提供了丰富的 CSS 动画效果,可以直接在 Vue 或 Nuxt 项目中使用。Animate.css
Animate.css 是一个非常流行的 CSS 动画库,提供了大量的预设动画效果,如 fade
一、项目来源慕课网—手把手从0打造电商网页开发
网址:https://www.imooc.com/learn/1236
源码:右侧资料下载
二、摘要1.基本框架搭建(三、1-3)
2.实现html+css效果,一些要点笔记(三、4-8)
3.js效果步骤分析(三、9-10)
4.做完感受(四)
三、开始构建1.先搭建基本页面结构,并用link连接到首页
2.搭建页面骨骼
页面分为三大块,导航,首部
转载
2024-01-26 08:39:15
30阅读