css-collection:CSS卡片设计的集合资源-CSDN文库

共24个文件

css：12个

html：7个

md：1个

html

ticket

html5

card

需积分: 16 174 浏览量 2021-05-31 03:41:10 上传评论收藏 390KB ZIP 举报

资源推荐

资源详情

资源评论

fourCards-featureSection:具有四张卡片的着陆页功能部分的前端设计。使用HTML，CSS Flexbox和更多中间CSS样式和div容器。 :flexed_biceps_medium_skin_tone::flexed_biceps_medium_skin_tone:

前端导师挑战哈罗，你好！ :waving_hand: 感谢您检查我的“四卡功能部分”网页设计。我使用FrontEnd Mentor挑战来创建此四张卡片的特征部分。如果您已经熟悉HTML和CSS技能，那么我建议您参加此挑战，但如果您是新手，则不要将其作为开始挑战。应对这一挑战的一些基本技能包括对CSS Flexbox，div元素，填充，边距和框阴影的了解。我认为这是测试CSS Flex

sourcecodedna:源代码DNA是Alexandar Tzanov设计和开发的功能，类和其他各种代码段的集合-Source code collection

源代码DNA 源代码DNA是一个函数库，类，子例程等，它们以多种编程语言（PHP，JavaScript，Perl，C / C ++ / Objective-C）编写。这里提供的代码是作为各种规模和目的的项目/产品的一部分而设计和开发的；申请，无论是免费的还是商业的。它的很大一部分也只是研究和开发的最终产品，用于测试是否可以执行某些动作或某些动作是如何工作的-简而言之，就是学习过程。它已在

UGLabs:由UnknownGuardian设计的开源ActionScript代码集合-Source code collection

UGLabs:由UnknownGuardian设计的开源ActionScript代码集合

tailwind-collection:我使用Tailwind CSS完成的项目集合

顺风收集这个仓库将保存我所有的顺风css项目。电视应用订阅表格车载音乐界面

elementric:Elementric是一个免费的，开放源代码的UI元素前端包，可以帮助您轻松创建网页外观。元素具有现代设计，由按钮，卡片，菜单以及仅使用HTML5，CSS和JS从头创建的许多其他元素组成。 Elementric可由任何类型的开发人员使用，易于安装和使用

基本的 Elementric是一个免费的，开放源代码的UI元素前端包，可以帮助您轻松创建网页外观。元素具有现代设计，由按钮，卡片，菜单以及仅使用HTML5，CSS和JS从头创建的许多其他元素组成。 Elementric可由任何类型的开发人员使用，易于安装和使用。安装您需要的所有文件都可以在您下载的Elementric （CSS和JS）目录中找到。只需复制CSS和JS文件夹，然后将它们粘贴到

postcss-rpxtopx:一个 PostCSS 插件，用于将小程序的 rpx 单位转换为 px

postcss-rpxtopx 一个 PostCSS 插件，用于将小程序的 rpx 单位转换为 px安装你可以通过或安装$ yarn add postcss-rpxtopx --dev$ npm install postcss-rpxtopx --save-dev使用输入/输出// 输入h1 { margin: 0 0 20...

postcss-windicss:Windi CSS的PostCSS集成

postcss-windicss :test_tube: 过期的。 :warning: 不鼓励使用此软件包，因为PostCSS的API存在一些限制。将我们用于每个专用框架/构建工具，以获取最佳的开发经验和性能。该插件应该是使用Windi CSS的最后选择...

sprity-css-rollover:在鼠标悬停时提供视频预览效果

sprity-css-rollover 用于css-rollover样式处理器提供鼠标悬停时的视频预览效果如果没有鼠标悬停，则允许使用默认图像查看要求版本> = 1.0 安装 npm i sprity-css-rollover 用法 <!-- Change cursor ...

前端开源库-postcss-variables

前端开源库-postcss-variablespostss变量，postss插件，用于将变量转换为css

swedish-css-properties:瑞典CSS属性

瑞典CSS属性整体CSS属性翻译成瑞典语如果任何字眼看起来很怪异，请随时提交拉取请求用法$ npm install --save swedish-css-properties /** * Getting Swedish CSS Properties * * @return { object } */var SECSS = ...

web前端大学生期末作业设计网页（html、css、js）-哈尔的移动城堡，实现轮播图、图片跟随鼠标移动、人物小卡片

本实例是基于前端web的html、css、js，以哈尔的移动城堡为主题设计的一个动漫主题网站，需要的同学可以直接更换内容进行修改，也可以来直接问博主问题，博主会仔细回答。本实例一共6个页面，每个图文搭配合理，简洁明了。通过使用CSS和JavaScript实现了轮播图功能，使得图片能够自动切换展示。同时，通过CSS创建了人物小卡片，当鼠标悬停在图片上时，图片会放大显示。此外，还使用了JavaScr

css-collection：故事书및CSS애니메이션，그래픽

CSS集合 자연스러운로좋은주주위한평소에상의상의션션션션션 third css第三方css第三方라이s리는사않습니지않습니다。部署故事书 에서 。命令 npm i && npm run storybook 또는 yarn install && yarn storybook

css-airbnb：在CSS中创建Airbnb的卡片布局[css]

爱彼迎样机许多网站，包括Facebook和Airbnb，都使用网格布局来显示常见元素，例如信息卡，照片和其他信息。学习如何创建这些不同布局的最好方法是自己尝试。因此，让我们尝试重新创建。入门分叉并将此存储库克隆到您的计算机已为您创建了一个HTML文件（ index.html ）和CSS文件（ css/style.css ）。内容也位于名为img的文件夹中要求查看可交付的屏幕截图，

H5经典案例_前端开发_Blog顶置卡片设计（css+js）.rar

5星 · 资源好评率100%

CSS+js实例。Blog顶置卡片设计，超简单的代码就能实现高大上的功能，全文注释。

postcss-gap-properties:在CSS中使用gap，column-gap和row-gap速记属性

PostCSS间隙属性使您可以按照规范在CSS中使用gap ， column-gap和row-gap速记属性。 .standard-grid { gap : 20 px ; } .spaced-grid { ...npm install postcss-gap-properties --save-dev 使用来处理CSS：

optimize-css-assets-webpack-plugin:一个Webpack插件，用于优化\最小化CSS资产

安装：使用npm： $ npm install --save-dev optimize-css-assets-webpack-plugin :warning: 对于webpack v3或更低版本，请使用optimize-css-assets-webpack-plugin@3.2.0 。 optimize-css-assets-webpack-plugin@...

postcss-css-variables:PostCSS插件将CSS自定义属性（CSS变量）语法转换为静态表示形式

npm install postcss-css-variables --save-dev 目录 -- ---嵌套规则为什么？ -互操作性-与postcss-custom-properties差异注意事项选项快速参考/注释测验变更日志代码游乐场在操场上尝试一下，看看您的想法...

postcss-import-url:PostCSS插件内联远程文件

postcss-import-url 插件可以内联远程文件。 /* Input example */@import 'https://fonts.googleapis.com/css?family=Tangerine' ;body { font-size : 13 px ;} /* Output example */@font-face { font-family : '...

postcss-prefixer:PostCSS插件为所有类和ID加上前缀

postcss前缀一个为CSS选择器添加前缀的插件。 /* source css file */ # selector { /* content */ } . selector { /* content */ } . selector : hover { /* content */ } . selector__element { /* content */ }...

postcss-aspect-ratio-polyfill:一个支持纵横比属性的PostCSS插件

npm i -D postcss-aspect-ratio-polyfill 用法 const postcss = require ( 'postcss' ) const output = postcss ( ) . use ( require ( 'postcss-aspect-ratio-polyfill' ) ) . process ( require ( 'fs' ) . ...

收起资源包目录

css-collection-main.zip （24个子文件）

css-collection-main

index.html 1KB

colors.css 458B

favicon.ico 1KB

happy-new-year.html 3KB

cards

drop-shadow.css 1KB

index.html 5KB

letter.css 942B

ticket1.css 1KB

ribbon2.css 945B

colored-shadow.css 1KB

ribbon1.css 1KB

README.md 210B

ghpage.yaml 34B

404.html 5KB

ribbons

index.html 2KB

ribbons1.css 5KB

nav.css 522B

isometric-layer

index.html 1KB

iPhone.css 2KB

iPhone.png 344KB

style.css 208B

credit-cards

card.js 97KB

index.html 12KB

credit-card-1.css 5KB

评论收藏

内容反馈

阔喵撩影

粉丝: 30
资源: 4662

css-collection:CSS 卡片设计的集合

最新资源

css-collection:CSS 卡片设计的集合

fourCards-featureSection:具有四张卡片的着陆页功能部分的前端设计。 使用HTML，CSS Flexbox和更多中间CSS样式和div容器。 :flexed_biceps_medium_skin_tone::flexed_biceps_medium_skin_tone:

html+css+js实现的Blog顶置卡片设计源码

Android-CardsLayout是一个自定义卡片集合设计的布局

Expanding-Cards:尝试扩展卡片设计。 HTML + CSS + JS

启发于网络上面的卡片反转的html+css创意设计，于是自行改编设计了一款属于自己的简历卡片小网页.zip

CSS中overflow-y: visible;不起作用的原因分析及解决方法

postcss-custom-properties:在CSS中使用自定义属性

postcss-custom-css-units:定义自定义 css 单元并将它们转换为 CSS 变量

postcss-color-gray:在CSS中使用gray（）颜色函数

collada-robots-collection:COLLADA（协作设计活动）机器人模型的集合

sourcecodedna:源代码DNA是Alexandar Tzanov设计和开发的功能，类和其他各种代码段的集合-Source code collection

UGLabs:由UnknownGuardian设计的开源ActionScript代码集合-Source code collection

tailwind-collection:我使用Tailwind CSS完成的项目集合

postcss-rpxtopx:一个 PostCSS 插件，用于将小程序的 rpx 单位转换为 px

postcss-windicss:Windi CSS的PostCSS集成

sprity-css-rollover:在鼠标悬停时提供视频预览效果

前端开源库-postcss-variables

swedish-css-properties:瑞典CSS属性

web前端大学生期末作业设计网页（html、css、js）-哈尔的移动城堡，实现轮播图、图片跟随鼠标移动、人物小卡片

css-collection：故事书및CSS애니메이션，그래픽

css-airbnb：在CSS中创建Airbnb的卡片布局[css]

H5经典案例_前端开发_Blog顶置卡片设计（css+js）.rar

postcss-gap-properties:在CSS中使用gap，column-gap和row-gap速记属性

optimize-css-assets-webpack-plugin:一个Webpack插件，用于优化\最小化CSS资产

postcss-css-variables:PostCSS插件将CSS自定义属性（CSS变量）语法转换为静态表示形式

postcss-import-url:PostCSS插件内联远程文件

postcss-prefixer:PostCSS插件为所有类和ID加上前缀

postcss-aspect-ratio-polyfill:一个支持纵横比属性的PostCSS插件

最新资源

fourCards-featureSection:具有四张卡片的着陆页功能部分的前端设计。使用HTML，CSS Flexbox和更多中间CSS样式和div容器。 :flexed_biceps_medium_skin_tone::flexed_biceps_medium_skin_tone: