语言笔记 第20页
css 鼠标悬停时显示图像叠加效果
悬停时显示图像叠加效果。 分别将 和 伪元素用于叠加层的顶部和底部栏。设置它们的，并产生所需的效果。 :before:afteropacitytransformtransition将 用于叠加的文本。设置 ，并将文本居中到图...
3年前css 创建悬停时旋转的双面卡
创建悬停时旋转的双面卡。 将卡的 设置为无。 backface-visibility最初，将卡的背面设置为 ，将正面设置为 。 rotateY()-180deg0deg悬停后，将正面设置为 和 背面 。 rotateY()180deg0deg设置适...
3年前css 汉堡包按钮
显示一个汉堡菜单，该菜单在悬停时转换为十字按钮。 使用包含顶部、底部和中间条形的容器。 .hamburger-menudiv将容器设置为 with 。 display: flexflex-flow: column wrap使用 添加条形图之间...
3年前css 兄弟姐妹褪色
淡出悬停项的同级。 使用 a 对 所做的更改进行动画处理。 transitionopacity使用 和 伪类选择器更改除鼠标所在的元素之外的所有元素。 :hover:notopacity0.5 <div class="sibling-fade&...
3年前php建立文件夹并设置访问权限为7777
define('CACHE_ROOT', dirname(__FILE__) . DIRECTORY_SEPARATOR . 'cacheFile'); if(!file_exists(CACHE_ROOT)){ mkdir(CACHE_ROOT,0777); chmod(CACHE_ROOT,0777); }
3年前数据表的id自增顺序修复
1，删除原有主键：ALTER TABLE `table_name` DROP `id`;2，添加新主键字段：ALTER TABLE `table_name` ADD `id`INT(11) NOT NULL FIRST;3，设置新主键：ALTER TABLE `table_name` MODIFY COLUMN...
3年前jquery 屏幕大小判断
<script> $(function () { if($(window).width() <= 760){ $("#css").attr("href","./static/css/style_m.css"); } }); </script>
3年前swiper 不同屏幕显示不同方式
breakpoints: { 320: { //当屏幕宽度大于等于320 slidesPerView: 2, slidesPerGroup: 2, spaceBetween: 50 }, 1000: { //当屏幕宽度大于等于768 slidesPerView: 3, slidesPerGroup: 3, spaceBet...
3年前js 鼠标移上去修改style属性
演示效果鼠标移上去，颜色显示为红色，鼠标移开，颜色显示为黑色。获取id对象：document.getElementById()鼠标移上去：onmouseover鼠标移开：onmouseout<!DOCTYPE html> <html lang=&q...
3年前bootstrap5 手风琴的使用
父盒子：类名：accordionid：accordionExample子项目的折叠盒子的 data-bs-parent 需要与父盒子id一致子项目：类名：accordion-item子项目头部：类名：accordion-headerid：headingOne子项目内...
3年前animate.css – 齐全的CSS3动画库
简介animate.css 是一个来自国外的 CSS3 动画库，它预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut）、淡入淡出（fadeIn/fadeOut）等多达 60 多...
3年前
