CSS宽度动画不'；行不通

我尝试了一切，但我不知道为什么这些动画不工作。有人能帮我吗

.link{
浮动：对；
明确：两者皆有；
填充：30px；
字体大小：20px；
背景颜色：黄色；
颜色：#333；
字体系列：Dosis；
字号：700；
文本转换：大写；
文字装饰：无；
-webkit过渡：宽度为1s，易于输入输出；
-moz过渡：宽度1s，易于输入输出；
-o型过渡：宽度为1s，易于进出；
过渡：宽度1s，易于进出；
文本对齐：右对齐；
}
.link:悬停{
宽度：100%；
过渡：宽度2s；
}

什么 关于 你 制造 我给你

.link{
浮动：对；
明确：两者皆有；
填充：30px；
字体大小：20px；
宽度：100px；
高度：100px；
颜色：#333；
字体系列：Dosis；
字号：700；
文本转换：大写；
文字装饰：无；
背景：黄色；
-webkit转换属性：宽度；/*Safari*/
-webkit转换持续时间：2s；/*Safari*/
过渡特性：宽度；
过渡时间：2s；
}
.link:悬停{
宽度：100%；
}

什么 关于 你 制造 我给你

.link{
浮动：对；
明确：两者皆有；
填充：30px；
字体大小：20px；
宽度：100px；
高度：100px；
颜色：#333；
字体系列：Dosis；
字号：700；
文本转换：大写；
文字装饰：无；
背景：黄色；
-webkit转换属性：宽度；/*Safari*/
-webkit转换持续时间：2s；/*Safari*/
过渡特性：宽度；
过渡时间：2s；
}
.link:悬停{
宽度：100%；
}

什么 关于 你 制造

---

我也许它过于复杂了，但它似乎有效：）

$（文档）.ready（函数（）{
$（'.link'）。每个（函数（）{
var值=$（this）.width（）；
$（this.css（{“width”：value}）；
$（this）.hover（函数（）{
$（this.css（{“width”：“100%”）；
}，函数（）{
$（this.css（{“width”：value}）；
})
})
});
.link{
宽度：自动；
浮动：对；
明确：两者皆有；
填充：30px；
字体大小：20px；
背景颜色：黄色；
颜色：#333；
字体系列：Dosis；
字号：700；
文本转换：大写；
文字装饰：无；
-webkit过渡：宽度为1s，易于输入输出；
-moz过渡：宽度1s，易于输入输出；
-o型过渡：宽度为1s，易于进出；
过渡：宽度1s，易于进出；
文本对齐：右对齐；
}
.link:悬停{
宽度：100%；
}

某物
关于
你
制造
我
也许它过于复杂了，但它似乎有效：）


$（文档）.ready（函数（）{
$（'.link'）。每个（函数（）{
var值=$（this）.width（）；
$（this.css（{“width”：value}）；
$（this）.hover（函数（）{
$（this.css（{“width”：“100%”）；
}，函数（）{
$（this.css（{“width”：value}）；
})
})
});
.link{
宽度：自动；
浮动：对；
明确：两者皆有；
填充：30px；
字体大小：20px；
背景颜色：黄色；
颜色：#333；
字体系列：Dosis；
字号：700；
文本转换：大写；
文字装饰：无；
-webkit过渡：宽度为1s，易于输入输出；
-moz过渡：宽度1s，易于输入输出；
-o型过渡：宽度为1s，易于进出；
过渡：宽度1s，易于进出；
文本对齐：右对齐；
}
.link:悬停{
宽度：100%；
}

某物
关于
你
制造
me
您可以转换最小宽度而不是宽度。您只能从一个值转换到另一个值，这就是为什么在“自动”和“100%”之间转换不起作用的原因


.link{
浮动：对；
明确：两者皆有；
填充：30px；
字体大小：20px；
背景颜色：黄色；
颜色：#333；
字体系列：Dosis；
字号：700；
文本转换：大写；
文字装饰：无；
-webkit过渡：最小宽度1s，易于输入输出；
-moz过渡：最小宽度1s缓进缓出；
-o型过渡：最小宽度1s，易于输入输出；
过渡：最小宽度1s，易于输入输出；
文本对齐：右对齐；
最小宽度：0；
}
.link:悬停{
最小宽度：100%；
-webkit过渡：最小宽度1s，易于输入输出；
-moz过渡：最小宽度1s缓进缓出；
-o型过渡：最小宽度1s，易于输入输出；
过渡：最小宽度1s，易于输入输出；
}
什么
关于
你
制造
me
您可以转换最小宽度而不是宽度。您只能从一个值转换到另一个值，这就是为什么在“自动”和“100%”之间转换不起作用的原因


.link{
浮动：对；
明确：两者皆有；
填充：30px；
字体大小：20px；
背景颜色：黄色；
颜色：#333；
字体系列：Dosis；
字号：700；
文本转换：大写；
文字装饰：无；
-webkit过渡：最小宽度1s，易于输入输出；
-moz过渡：最小宽度1s缓进缓出；
-o型过渡：最小宽度1s，易于输入输出；
过渡：最小宽度1s，易于输入输出；
文本对齐：右对齐；
最小宽度：0；
}
.link:悬停{
最小宽度：100%；
-webkit过渡：最小宽度1s，易于输入输出；
-moz过渡：最小宽度1s缓进缓出；
-o型过渡：最小宽度1s，易于输入输出；
过渡：最小宽度1s，易于输入输出；
}
什么
关于
你
制造
me

是的，但我希望初始值是自动的，有可能吗？你说的是哪个值？是的，但我希望初始值是自动的，有可能吗？你说的是哪个值没有设置初始值我怎么做？我不确定是否有可能