{"id":184,"date":"2023-01-07T18:00:00","date_gmt":"2023-01-07T09:00:00","guid":{"rendered":"https:\/\/nomark.ltt.jp\/?p=184"},"modified":"2024-06-18T15:32:22","modified_gmt":"2024-06-18T06:32:22","slug":"swell-gradation","status":"publish","type":"post","link":"https:\/\/ownmono.com\/blog\/wordpress\/swell-gradation\/","title":{"rendered":"\u30c6\u30fc\u30de\u300eSWELL\u300f\u306e\u80cc\u666f\u8272\u3092\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\uff08\u8907\u6570\u8272\uff09\u306b\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3010CSS\u3067\u7c21\u5358\u3011"},"content":{"rendered":"<div class=\"swell-block-balloon\"><div class=\"c-balloon -bln-left\" data-col=\"blue\"><div class=\"c-balloon__icon -circle\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/ownmono.com\/blog\/wp-content\/uploads\/2024\/03\/hashibi_right-150x150.webp\" alt=\"\" class=\"c-balloon__iconImg\" width=\"80px\" height=\"80px\"><span class=\"c-balloon__iconName\">\u30cf\u30b7\u30d3\u30a3\u304f\u3093<\/span><\/div><div class=\"c-balloon__body -speaking -border-none\"><div class=\"c-balloon__text\">\n<p>\u300eSWELL\u300f\u306e\u80cc\u666f\u8272\u3092\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u306b\u3057\u305f\u3044\u3093\u3060\u3051\u3069\u3001\u65b9\u6cd5\u3063\u3066\u3042\u308b\u306e\uff1f<\/p>\n<span class=\"c-balloon__shapes\"><span class=\"c-balloon__before\"><\/span><span class=\"c-balloon__after\"><\/span><\/span><\/div><\/div><\/div><\/div>\n\n<div class=\"swell-block-balloon\"><div class=\"c-balloon -bln-right\" data-col=\"yellow\"><div class=\"c-balloon__icon -circle\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/ownmono.com\/blog\/wp-content\/uploads\/2024\/03\/capy_left-150x150.webp\" alt=\"\" class=\"c-balloon__iconImg\" width=\"80px\" height=\"80px\"><span class=\"c-balloon__iconName\">\u30ab\u30d4\u30fc\u3055\u3093<\/span><\/div><div class=\"c-balloon__body -speaking -border-none\"><div class=\"c-balloon__text\">\n<p>\u300eSWELL\u300f\u306e\u6a5f\u80fd\u3067\u306f\u5358\u8272\u8a2d\u5b9a\u3060\u3051\u3069\u3001CSS\u3067\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\uff08\u8907\u6570\u8272\uff09\u306b\u3067\u304d\u308b\u305e\u3002<\/p>\n<span class=\"c-balloon__shapes\"><span class=\"c-balloon__before\"><\/span><span class=\"c-balloon__after\"><\/span><\/span><\/div><\/div><\/div><\/div>\n\n\n<p>\u5f53\u30b5\u30a4\u30c8\u3067\u306f\u3001\u300c\u8a18\u4e8b\u30b9\u30e9\u30a4\u30c0\u30fc\u300d\u306e\u80cc\u666f\u8272\u3092\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\uff08\u8907\u6570\u8272\uff09\u306b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u300eSWELL\u300f\u3067\u80cc\u666f\u8272\u3092\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\uff08\u8907\u6570\u8272\uff09\u306b\u3059\u308b\u306b\u306f<strong>CSS\u3067\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u304c\u5fc5\u8981<\/strong>\u3067\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3CSS\u306e\u7d39\u4ecb<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">\u8a18\u4e8b\u30b9\u30e9\u30a4\u30c0\u30fc<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"442\" src=\"https:\/\/ownmono.com\/blog\/wp-content\/uploads\/2024\/04\/topslider01.webp\" alt=\"\" class=\"wp-image-776\" srcset=\"https:\/\/ownmono.com\/blog\/wp-content\/uploads\/2024\/04\/topslider01.webp 1024w, https:\/\/ownmono.com\/blog\/wp-content\/uploads\/2024\/04\/topslider01-300x129.webp 300w, https:\/\/ownmono.com\/blog\/wp-content\/uploads\/2024\/04\/topslider01-768x332.webp 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>\u5f53\u30b5\u30a4\u30c8\u306e\u300c\u8a18\u4e8b\u30b9\u30e9\u30a4\u30c0\u30fc\u300d\u306e\u80cc\u666f\u8272\u306eCSS\u304c\u3053\u3061\u3089\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\" data-line=\"3\"><code>\/*\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u30b9\u30e9\u30a4\u30c0\u30fc*\/\n.p-postSlider{\n\tbackground: linear-gradient(225deg, #f0bc68 0%, #f0bc68 50%, #c4d7d1 50%, #c4d7d1 100%);\n\tborder-radius:0 0 40px 40px; \/*\u89d2\u4e38\u52a0\u5de5*\/\n}<\/code><\/pre><\/div>\n\n\n\n<p class=\"is-style-icon_announce\">.p-postSlider\u306f\u8a18\u4e8b\u30b9\u30e9\u30a4\u30c0\u30fc\u3092\u6307\u5b9a\u3059\u308bclass\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n<div class=\"swell-block-balloon\"><div class=\"c-balloon -bln-left\" data-col=\"blue\"><div class=\"c-balloon__icon -circle\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/ownmono.com\/blog\/wp-content\/uploads\/2024\/03\/hashibi_right-150x150.webp\" alt=\"\" class=\"c-balloon__iconImg\" width=\"80px\" height=\"80px\"><span class=\"c-balloon__iconName\">\u30cf\u30b7\u30d3\u30a3\u304f\u3093<\/span><\/div><div class=\"c-balloon__body -speaking -border-none\"><div class=\"c-balloon__text\">\n<p>\u8272\u3084\u89d2\u5ea6\u3092\u8abf\u6574\u3059\u308c\u3070\u3001\u4ed6\u30b5\u30a4\u30c8\u3068\u306f\u9055\u3063\u305f\u96f0\u56f2\u6c17\u3092\u4f5c\u308c\u3061\u3083\u3046\u304b\u3082\uff01\uff1f<\/p>\n<span class=\"c-balloon__shapes\"><span class=\"c-balloon__before\"><\/span><span class=\"c-balloon__after\"><\/span><\/span><\/div><\/div><\/div><\/div>\n\n\n<h3 class=\"wp-block-heading\">\u30b3\u30f3\u30c6\u30f3\u30c4\uff08\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u306e\u307f\uff09<\/h3>\n\n\n\n<p>\u73fe\u5728\u306f\u5229\u7528\u3057\u3066\u307e\u305b\u3093\u304c\u3001\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u306e\u8a18\u4e8b\u4e00\u89a7\u306e\u80cc\u666f\u8272\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3057\u305f\u969b\u306e\u30b3\u30fc\u30c9\u3067\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\" data-line=\"3\"><code>\/*\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u8a18\u4e8b\u4e00\u89a7*\/\n.home{\n\tbackground: linear-gradient(225deg, #f0bc68 0%, #f0bc68 50%, #c4d7d1 50%, #c4d7d1 100%);\n}<\/code><\/pre><\/div>\n\n\n\n<p class=\"is-style-icon_announce\">.home\u306f\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u7b87\u6240\u3092\u6307\u5b9a\u3059\u308bclass\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u306e\u8abf\u6574\u304c\u82e6\u624b\u306a\u65b9\u3078<\/h3>\n\n\n\n<p>\u7c21\u5358\u306b\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3CSS\u3092\u4f5c\u6210\u3057\u3066\u304f\u308c\u308b\u30c4\u30fc\u30eb\u300c<a rel=\"noreferrer noopener\" href=\"http:\/\/colinkeany.com\/blend\/\" target=\"_blank\">Blend<\/a>\u300d<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"503\" src=\"https:\/\/ownmono.com\/blog\/wp-content\/uploads\/2024\/04\/blend-imaage.webp\" alt=\"\" class=\"wp-image-775\" srcset=\"https:\/\/ownmono.com\/blog\/wp-content\/uploads\/2024\/04\/blend-imaage.webp 1024w, https:\/\/ownmono.com\/blog\/wp-content\/uploads\/2024\/04\/blend-imaage-300x147.webp 300w, https:\/\/ownmono.com\/blog\/wp-content\/uploads\/2024\/04\/blend-imaage-768x377.webp 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>\u8272\u3092\u6307\u5b9a\u3057\u3066\u89d2\u5ea6\u3092\u8abf\u6574\u3059\u308b\u3060\u3051\u3067\u3001CSS\u306e\u30b3\u30fc\u30c9\u3092\u4f5c\u6210\u3057\u3066\u304f\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<p>WordPress\u30b5\u30a4\u30c8\u306b\u53cd\u6620\u3055\u305b\u3066\u96f0\u56f2\u6c17\u3092\u78ba\u8a8d\u3059\u308b\u306e\u3082\u5927\u5207\u3067\u3059\u304c\u3001\u307e\u305a\u306f\u304a\u624b\u8efd\u306a\u65b9\u6cd5\u3067\u96f0\u56f2\u6c17\u3092\u78ba\u8a8d\u3057\u3066\u307f\u3066\u304b\u3089\u3001\u53cd\u6620\u3055\u305b\u3066\u307f\u308b\u306e\u304c\u304a\u3059\u3059\u3081\u3067\u3059\u3002<\/p>\n\n\n<div class=\"swell-block-balloon\"><div class=\"c-balloon -bln-right\" data-col=\"yellow\"><div class=\"c-balloon__icon -circle\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/ownmono.com\/blog\/wp-content\/uploads\/2024\/03\/capy_left-150x150.webp\" alt=\"\" class=\"c-balloon__iconImg\" width=\"80px\" height=\"80px\"><span class=\"c-balloon__iconName\">\u30ab\u30d4\u30fc\u3055\u3093<\/span><\/div><div class=\"c-balloon__body -speaking -border-none\"><div class=\"c-balloon__text\">\n<p>\u7121\u6599\u3067\u4f7f\u3048\u308b\u304b\u3089\u5b89\u5fc3\u3060\u305e\uff01<\/p>\n<span class=\"c-balloon__shapes\"><span class=\"c-balloon__before\"><\/span><span class=\"c-balloon__after\"><\/span><\/span><\/div><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">CSS\u3092\u8cbc\u308a\u4ed8\u3051\u308b\uff08\u5165\u529b\uff09\u9805\u76ee<\/h2>\n\n\n\n<p>\u5f53\u30b5\u30a4\u30c8\u306fWordPress\u300eSWELL\u300f\u3092\u5229\u7528\u3057\u3066\u3044\u308b\u306e\u3067\u3001<strong>\u5b50\u30c6\u30fc\u30de\u300eSWELL CHILD\u300f\u306e\u300cstyle.css\u300d<\/strong>\u306b\u8a18\u8f09\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"907\" height=\"618\" src=\"https:\/\/ownmono.com\/blog\/wp-content\/uploads\/2024\/04\/gradation01.webp\" alt=\"\" class=\"wp-image-774\" srcset=\"https:\/\/ownmono.com\/blog\/wp-content\/uploads\/2024\/04\/gradation01.webp 907w, https:\/\/ownmono.com\/blog\/wp-content\/uploads\/2024\/04\/gradation01-300x204.webp 300w, https:\/\/ownmono.com\/blog\/wp-content\/uploads\/2024\/04\/gradation01-768x523.webp 768w\" sizes=\"(max-width: 907px) 100vw, 907px\" \/><\/figure>\n\n\n\n<p>\u3082\u30461\u3064\u306e\u9078\u629e\u306f\u300c\u8ffd\u52a0CSS\u300d\u306b\u306a\u308a\u307e\u3059\u3002\uff3b\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u2192\u8ffd\u52a0CSS\uff3d\u3067\u4e0b\u8a18\u306e\u5165\u529b\u753b\u9762\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"381\" height=\"853\" src=\"https:\/\/ownmono.com\/blog\/wp-content\/uploads\/2024\/04\/plus-css.webp\" alt=\"\" class=\"wp-image-773\" srcset=\"https:\/\/ownmono.com\/blog\/wp-content\/uploads\/2024\/04\/plus-css.webp 381w, https:\/\/ownmono.com\/blog\/wp-content\/uploads\/2024\/04\/plus-css-134x300.webp 134w\" sizes=\"(max-width: 381px) 100vw, 381px\" \/><\/figure>\n\n\n\n<p>\u5b50\u30c6\u30fc\u30de\u3092\u5c0e\u5165\u3057\u3066\u3044\u308b\u4eba\u306f\u3001\u5b50\u30c6\u30fc\u30de\u300eSWELL CHILD\u300f\u306e\u300cstyle.css\u300d\u3002<\/p>\n\n\n\n<p>\u672a\u5c0e\u5165\u306e\u65b9\u306f\u3001\u300c\u8ffd\u52a0CSS\u300d\u3067\u3044\u3044\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"is-style-big_icon_point\">\u4eca\u5f8cCSS\u3092\u8ffd\u52a0\u3057\u3066\u3044\u304f\u53ef\u80fd\u6027\u304c\u3042\u308b\u306e\u306a\u3089\u3001\u65e9\u3081\u306e\u300cstyle.css\u300d\u5c0e\u5165\u3092\u304a\u3059\u3059\u3081\u3057\u307e\u3059\u3002\u300c\u8ffd\u52a0CSS\u300d\u3088\u308a\u3082\u8996\u8a8d\u6027\u304c\u9ad8\u304f\u3001\u7ba1\u7406\u304c\u3057\u3084\u3059\u3044\u3067\u3059\u3002<\/p>\n\n\n<div class=\"swell-block-balloon\"><div class=\"c-balloon -bln-left\" data-col=\"blue\"><div class=\"c-balloon__icon -circle\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/ownmono.com\/blog\/wp-content\/uploads\/2024\/03\/hashibi_right-150x150.webp\" alt=\"\" class=\"c-balloon__iconImg\" width=\"80px\" height=\"80px\"><span class=\"c-balloon__iconName\">\u30cf\u30b7\u30d3\u30a3\u304f\u3093<\/span><\/div><div class=\"c-balloon__body -speaking -border-none\"><div class=\"c-balloon__text\">\n<p>\u300c\u8ffd\u52a0CSS\u300d\u306f\u6570\u884c\u3050\u3089\u3044\u307e\u3067\u304c\u9650\u5ea6\u2026<\/p>\n<span class=\"c-balloon__shapes\"><span class=\"c-balloon__before\"><\/span><span class=\"c-balloon__after\"><\/span><\/span><\/div><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">\u307e\u3068\u3081\uff1aCSS\u3067\u30aa\u30ea\u30b8\u30ca\u30ea\u30c6\u30a3\u3042\u308b\u80cc\u666f\u8272\u3092<\/h2>\n\n\n\n<p>\u6700\u5f8c\u306b\u300e\u80cc\u666f\u8272\u306e\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u5909\u66f4\u300f\u306b\u95a2\u3059\u308b\u7d50\u8ad6\u3092\u3002<\/p>\n\n\n\n<div class=\"swell-block-capbox cap_box\"><div class=\"cap_box_ttl\"><span>\u300eSWELL\u300f\u306e\u80cc\u666f\u8272\u3092\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u306b\u5909\u66f4<\/span><\/div><div class=\"cap_box_content\">\n<ul class=\"-list-under-dashed is-style-check_list wp-block-list\">\n<li><strong>CSS\u8cbc\u308a\u4ed8\u3051\u5834\u6240\u306f\u300c\u5b50\u30c6\u30fc\u30destyle.css\u300dor\u300c\u8ffd\u52a0CSS\u300d<\/strong><\/li>\n\n\n\n<li>\u8272\u8abf\u6574\u304c\u82e6\u624b\u306a\u65b9\u306f\u3001\u300c<a href=\"http:\/\/colinkeany.com\/blend\/\" target=\"_blank\" rel=\"noreferrer noopener\">Blend<\/a>\u300d\u3067\u4f5c\u6210<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>\u30d6\u30ed\u30ac\u30fc\u306b\u7d76\u5927\u306a\u4eba\u6c17\u3092\u8a87\u308bWordPress\u30c6\u30fc\u30de\u300eSWELL\u300f<br>\u8a18\u4e8b\u88c5\u98fe\u306e\u591a\u3055\u3084\u30c7\u30b6\u30a4\u30f3\u306e\u62e1\u5f35\u6027\u306e\u9ad8\u3055\u304b\u3089\u3001\u3055\u307e\u3056\u307e\u306a\u30d6\u30ed\u30b0\u3067\u5229\u7528\u3055\u308c\u3066\u3044\u308b\u4eba\u6c17\u6025\u4e0a\u6607\u4e2d\u306e\u30c6\u30fc\u30de\u3067\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5f53\u30b5\u30a4\u30c8\u3067\u306f\u3001\u300c\u8a18\u4e8b\u30b9\u30e9\u30a4\u30c0\u30fc\u300d\u306e\u80cc\u666f\u8272\u3092\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\uff08\u8907\u6570\u8272\uff09\u306b\u3057\u3066\u3044\u307e\u3059\u3002 \u300eSWELL\u300f\u3067\u80cc\u666f\u8272\u3092\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\uff08\u8907\u6570\u8272\uff09\u306b\u3059\u308b\u306b\u306fCSS\u3067\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u304c\u5fc5\u8981\u3067\u3059\u3002 \u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3CSS\u306e\u7d39\u4ecb \u8a18\u4e8b\u30b9\u30e9\u30a4\u30c0\u30fc \u5f53 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":950,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"swell_btn_cv_data":"","footnotes":""},"categories":[1],"tags":[14,3],"class_list":["post-184","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-css","tag-swell"],"_links":{"self":[{"href":"https:\/\/ownmono.com\/blog\/wp-json\/wp\/v2\/posts\/184","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ownmono.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ownmono.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ownmono.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ownmono.com\/blog\/wp-json\/wp\/v2\/comments?post=184"}],"version-history":[{"count":1,"href":"https:\/\/ownmono.com\/blog\/wp-json\/wp\/v2\/posts\/184\/revisions"}],"predecessor-version":[{"id":777,"href":"https:\/\/ownmono.com\/blog\/wp-json\/wp\/v2\/posts\/184\/revisions\/777"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ownmono.com\/blog\/wp-json\/wp\/v2\/media\/950"}],"wp:attachment":[{"href":"https:\/\/ownmono.com\/blog\/wp-json\/wp\/v2\/media?parent=184"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ownmono.com\/blog\/wp-json\/wp\/v2\/categories?post=184"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ownmono.com\/blog\/wp-json\/wp\/v2\/tags?post=184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}