我在 .svg 文件中使用这段代码在元素上应用不透明度淡出渐变。以下代码运行良好,但从左到右淡入淡出,而不是从上到下垂直淡出。
我需要更改哪些代码才能实现此目的?谢谢您的帮助!
SVG 文件:
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg"
version="1.1"
baseProfile="full">
<mask id="m1" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox">
<linearGradient id="g" gradientUnits="objectBoundingBox" x2="1">
<stop stop-color="white" offset="0"/>
<stop stop-color="white" stop-opacity="0" offset="1"/>
</linearGradient>
<rect x="0" y="0" width="1" height="1" fill="url(#g)"/>
</mask>
</svg>
Run Code Online (Sandbox Code Playgroud)
CSS:
mask: url(/mypath/mask.svg#m1);
Run Code Online (Sandbox Code Playgroud) 我试图让这个Javascript做一些事情,如果星期几匹配我的声明中列出的任何一天,并将其限制在17:00和19:00之间,但OR运算符不工作正如我所料,我是JS的新手,我想知道我是否误解了这个运算符的用法.如果我只列出一周中的一天的值,而不是像我的例子中那样列出3,那么代码就像我希望的那样工作.
var d = new Date();
var dayOfWeek = d.getDay(); // 0 = Sunday
var hour = d.getHours();
if ( dayOfWeek == 4 || 5 || 6 && hour >= 17 && hour < 19 ){
// do stuff
} else {
// do other stuff
}
Run Code Online (Sandbox Code Playgroud) 我正在尝试将自定义查询添加到 WordPress 模板并包含分页,但我的分页没有出现,例如,我正在尝试将其添加到 page.php。
我有以下标记,当放置在 category.php 之类的类别模板中时,它可以完美运行,分页显示并且功能正常。问题是在 page.php 或任何自定义页面模板中放置相同的代码时不会出现分页。
查询:
<?php
$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
$loop = new WP_Query(
array(
'post_type' => 'post',
'posts_per_page' => 10,
'paged' => $paged,
'orderby' => 'desc',
)
);
?>
<?php if ($loop->have_posts()): while ($loop->have_posts()) : $loop->the_post(); ?>
// Loop Markup goes here.
<?php endwhile; ?>
<?php endif; ?>
<?php wp_reset_query(); ?>
<?php pagination(); ?>
Run Code Online (Sandbox Code Playgroud)
在functions.php中定义的分页():
function pagination() {
global $wp_query;
$big = 999999999;
echo paginate_links(array(
'base' => str_replace($big, '%#%', get_pagenum_link($big)),
'format' …Run Code Online (Sandbox Code Playgroud) css ×1
dayofweek ×1
fade ×1
firefox ×1
gradient ×1
if-statement ×1
javascript ×1
loops ×1
operators ×1
pagination ×1
php ×1
svg ×1
time ×1
wordpress ×1