{"id":25795,"date":"2022-12-13T11:09:35","date_gmt":"2022-12-13T05:39:35","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-need-help-fixing-property-value-expected-in-css-beginner-amateur-closed\/"},"modified":"2022-12-13T11:09:35","modified_gmt":"2022-12-13T05:39:35","slug":"solved-need-help-fixing-property-value-expected-in-css-beginner-amateur-closed","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-need-help-fixing-property-value-expected-in-css-beginner-amateur-closed\/","title":{"rendered":"[Solved] Need help fixing &#8220;property value expected&#8221; in CSS (Beginner\/amateur) [closed]"},"content":{"rendered":"<p> [ad_1]<br \/>\n<\/p>\n<div id=\"answer-57037699\" class=\"answer js-answer accepted-answer js-accepted-answer\" data-answerid=\"57037699\" data-parentid=\"57037335\" data-score=\"0\" data-position-on-page=\"1\" data-highest-scored=\"1\" data-question-has-accepted-highest-score=\"1\" itemprop=\"acceptedAnswer\" itemscope itemtype=\"https:\/\/schema.org\/Answer\">\n<div class=\"post-layout\">\n<div class=\"votecell post-layout--left\"><\/div>\n<div class=\"answercell post-layout--right\">\n<div class=\"s-prose js-post-body\" itemprop=\"text\">\n<p>The problem you are having here:<br \/>\nThe external links to the libraries on codepen are not linked to correctly. Or you haven&#8217;t linked to them at all.<\/p>\n<p>When you click the cog wheel in the JavaSript tab you see external libraries listed there<\/p>\n<ol>\n<li><code>https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/1.20.2\/TweenMax.min.js<\/code><\/li>\n<li><code>https:\/\/codepen.io\/mimikos\/pen\/GvpJYQ<\/code><\/li>\n<li><code>https:\/\/codepen.io\/mimikos\/pen\/rzOOgG<\/code><\/li>\n<\/ol>\n<p><strong>Do you link to these in your code with a <code>&lt;script&gt;<\/code> tag?<\/strong><\/p>\n<p>If not, you should do it!<\/p>\n<p>Then, codepen can actually interpret the links to the libraries through context. If you add an external pen with the pen URL in the JS settings, codepen automatically knows that it should be the JS file and imports the appropriate file with the respective filename extensions like listed here: <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/blog.codepen.io\/documentation\/api\/url-extensions\/\">https:\/\/blog.codepen.io\/documentation\/api\/url-extensions\/<\/a><\/p>\n<p>You for yourself have to do this manually. So the HTML you should add to your code is<\/p>\n<pre><code>&lt;script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/1.20.2\/TweenMax.min.js\"&gt;&lt;\/script&gt;\n&lt;script src=\"https:\/\/codepen.io\/mimikos\/pen\/GvpJYQ.js\"&gt;&lt;\/script&gt;\n&lt;script src=\"https:\/\/codepen.io\/mimikos\/pen\/rzOOgG.js\"&gt;&lt;\/script&gt;\n<\/code><\/pre>\n<h3>But<\/h3>\n<p>It is extremely dangerous to link to external code like this. The JS code could change anytime in the future. This could lead to failure and\/or (even worse) massive security holes. It&#8217;s better to download the code and save to your webserver and import these<\/p>\n<ul>\n<li>Background Noise: <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/codepen.io\/mimikos\/pen\/GvpJYQ.js\">https:\/\/codepen.io\/mimikos\/pen\/GvpJYQ.js<\/a> save as js\/background-noise.js<\/li>\n<li>GSAP Old Movie Style: <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/codepen.io\/mimikos\/pen\/rzOOgG.js\">https:\/\/codepen.io\/mimikos\/pen\/rzOOgG.js<\/a> save as js\/old-movie-style.js<\/li>\n<\/ul>\n<pre><code>&lt;script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/1.20.2\/TweenMax.min.js\"&gt;&lt;\/script&gt;\n&lt;script src=\"js\/background-noise.js\"&gt;&lt;\/script&gt;\n&lt;script src=\"js\/old-movie-style.js\"&gt;&lt;\/script&gt;\n<\/code><\/pre>\n<\/p><\/div>\n<div class=\"mt24\"><\/div>\n<\/div>\n<p>            <span class=\"d-none\" itemprop=\"commentCount\">1<\/span> <\/p><\/div>\n<\/div>\n<p>[ad_2]<\/p>\n<p>solved Need help fixing &#8220;property value expected&#8221; in CSS (Beginner\/amateur) [closed] <\/p>\n","protected":false},"excerpt":{"rendered":"<p>[ad_1] The problem you are having here: The external links to the libraries on codepen are not linked to correctly. Or you haven&#8217;t linked to them at all. When you click the cog wheel in the JavaSript tab you see external libraries listed there https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/1.20.2\/TweenMax.min.js https:\/\/codepen.io\/mimikos\/pen\/GvpJYQ https:\/\/codepen.io\/mimikos\/pen\/rzOOgG Do you link to these in your code &#8230; <a title=\"[Solved] Need help fixing &#8220;property value expected&#8221; in CSS (Beginner\/amateur) [closed]\" class=\"read-more\" href=\"https:\/\/jassweb.com\/solved\/solved-need-help-fixing-property-value-expected-in-css-beginner-amateur-closed\/\" aria-label=\"More on [Solved] Need help fixing &#8220;property value expected&#8221; in CSS (Beginner\/amateur) [closed]\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[464,346],"class_list":["post-25795","post","type-post","status-publish","format-standard","hentry","category-solved","tag-css","tag-html"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>[Solved] Need help fixing &quot;property value expected&quot; in CSS (Beginner\/amateur) [closed] - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-need-help-fixing-property-value-expected-in-css-beginner-amateur-closed\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] Need help fixing &quot;property value expected&quot; in CSS (Beginner\/amateur) [closed] - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] The problem you are having here: The external links to the libraries on codepen are not linked to correctly. Or you haven&#8217;t linked to them at all. When you click the cog wheel in the JavaSript tab you see external libraries listed there https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/1.20.2\/TweenMax.min.js https:\/\/codepen.io\/mimikos\/pen\/GvpJYQ https:\/\/codepen.io\/mimikos\/pen\/rzOOgG Do you link to these in your code ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-need-help-fixing-property-value-expected-in-css-beginner-amateur-closed\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-12-13T05:39:35+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-need-help-fixing-property-value-expected-in-css-beginner-amateur-closed\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-need-help-fixing-property-value-expected-in-css-beginner-amateur-closed\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] Need help fixing &#8220;property value expected&#8221; in CSS (Beginner\/amateur) [closed]\",\"datePublished\":\"2022-12-13T05:39:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-need-help-fixing-property-value-expected-in-css-beginner-amateur-closed\/\"},\"wordCount\":239,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"css\",\"html\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-need-help-fixing-property-value-expected-in-css-beginner-amateur-closed\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-need-help-fixing-property-value-expected-in-css-beginner-amateur-closed\/\",\"name\":\"[Solved] Need help fixing \\\"property value expected\\\" in CSS (Beginner\/amateur) [closed] - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2022-12-13T05:39:35+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-need-help-fixing-property-value-expected-in-css-beginner-amateur-closed\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-need-help-fixing-property-value-expected-in-css-beginner-amateur-closed\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-need-help-fixing-property-value-expected-in-css-beginner-amateur-closed\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] Need help fixing &#8220;property value expected&#8221; in CSS (Beginner\/amateur) [closed]\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jassweb.com\/solved\/#website\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jassweb.com\/solved\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"contentUrl\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] Need help fixing \"property value expected\" in CSS (Beginner\/amateur) [closed] - JassWeb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jassweb.com\/solved\/solved-need-help-fixing-property-value-expected-in-css-beginner-amateur-closed\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] Need help fixing \"property value expected\" in CSS (Beginner\/amateur) [closed] - JassWeb","og_description":"[ad_1] The problem you are having here: The external links to the libraries on codepen are not linked to correctly. Or you haven&#8217;t linked to them at all. When you click the cog wheel in the JavaSript tab you see external libraries listed there https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/1.20.2\/TweenMax.min.js https:\/\/codepen.io\/mimikos\/pen\/GvpJYQ https:\/\/codepen.io\/mimikos\/pen\/rzOOgG Do you link to these in your code ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-need-help-fixing-property-value-expected-in-css-beginner-amateur-closed\/","og_site_name":"JassWeb","article_published_time":"2022-12-13T05:39:35+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-need-help-fixing-property-value-expected-in-css-beginner-amateur-closed\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-need-help-fixing-property-value-expected-in-css-beginner-amateur-closed\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] Need help fixing &#8220;property value expected&#8221; in CSS (Beginner\/amateur) [closed]","datePublished":"2022-12-13T05:39:35+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-need-help-fixing-property-value-expected-in-css-beginner-amateur-closed\/"},"wordCount":239,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["css","html"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-need-help-fixing-property-value-expected-in-css-beginner-amateur-closed\/","url":"https:\/\/jassweb.com\/solved\/solved-need-help-fixing-property-value-expected-in-css-beginner-amateur-closed\/","name":"[Solved] Need help fixing \"property value expected\" in CSS (Beginner\/amateur) [closed] - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2022-12-13T05:39:35+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-need-help-fixing-property-value-expected-in-css-beginner-amateur-closed\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-need-help-fixing-property-value-expected-in-css-beginner-amateur-closed\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-need-help-fixing-property-value-expected-in-css-beginner-amateur-closed\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] Need help fixing &#8220;property value expected&#8221; in CSS (Beginner\/amateur) [closed]"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/25795","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=25795"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/25795\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=25795"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=25795"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=25795"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}